Feat: Migrate About screen to Jetpack Compose with Material 3

app/src/main/java/fr/free/nrw/commons/theme/Color.kt

@@ -0,0 +1,13 @@
+package fr.free.nrw.commons.theme
+
+import androidx.compose.ui.graphics.Color
+
+val PrimaryBlue = Color(0xFF0C609C)
+val PrimaryBlueNight = Color(0xFF1E8CAB)
+val BackgroundLight = Color(0xFFFAFAFA)
+val BackgroundDark = Color(0xFF303030)
+val CardBackgroundDark = Color(0xFF1E1E1E)
+val CardBackgroundLight = Color(0xFFFFFFFF)
+val TextWhite = Color(0xFFFFFFFF)
+val TextBlack = Color(0xFF000000)
+val Transparent = Color.Transparent

app/src/main/java/fr/free/nrw/commons/theme/CommonsTheme.kt

@@ -0,0 +1,35 @@
+package fr.free.nrw.commons.theme
+
+import androidx.compose.foundation.isSystemInDarkTheme
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.material3.*
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+
+@Composable
+fun CommonsTheme(content: @Composable () -> Unit) {
+    val isDarkTheme = isSystemInDarkTheme()
+    val colorScheme = if (isDarkTheme) {
+        darkColorScheme(
+            primary = PrimaryBlueNight,
+            background = BackgroundDark,
+            onBackground = TextWhite,
+            surfaceVariant = CardBackgroundDark,
+            onSurface = TextWhite
+        )
+    } else {
+        lightColorScheme(
+            primary = PrimaryBlue,
+            background = BackgroundLight,
+            onBackground = TextBlack,
+            surfaceVariant = CardBackgroundLight,
+            onSurface = TextBlack
+        )
+    }
+
+    MaterialTheme(colorScheme = colorScheme) {
+        Surface(modifier = Modifier.fillMaxSize(), color = MaterialTheme.colorScheme.background) {
+            content()
+        }
+    }
+}

app/src/main/java/fr/free/nrw/commons/theme/Spacing.kt

@@ -0,0 +1,24 @@
+package fr.free.nrw.commons.theme
+
+import androidx.compose.ui.unit.dp
+
+object Spacing {
+    val none = 0.dp
+    val extraSmall = 4.dp
+    val small = 8.dp
+    val medium = 16.dp
+    val large = 20.dp
+    val extraLarge = 24.dp
+    val huge = 32.dp
+    val gigantic = 48.dp
+}
+
+object Dimensions {
+    val logoSize = 110.dp
+    val socialIconBox = 52.dp
+    val socialIcon = 28.dp
+    val linkIcon = 20.dp
+    val cardCorner = 16.dp
+    val cardElevation = 2.dp
+    val dividerThickness = 0.5.dp
+}

app/src/main/java/fr/free/nrw/commons/theme/Type.kt

@@ -0,0 +1,57 @@
+package fr.free.nrw.commons.theme
+
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.text.AnnotatedString
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.text.style.TextOverflow
+import androidx.compose.ui.unit.sp
+
+enum class CommonsTextPreset { Headline, Title, Body, Caption }
+
+@Composable
+fun CommonsText(
+    text: String,
+    preset: CommonsTextPreset,
+    modifier: Modifier = Modifier,
+    color: Color = Color.Unspecified,
+    textAlign: TextAlign? = null,
+    maxLines: Int = Int.MAX_VALUE,
+    overflow: TextOverflow = TextOverflow.Clip,
+    fontWeight: FontWeight? = null
+) {
+    CommonsText(AnnotatedString(text), preset, modifier, color, textAlign, maxLines, overflow, fontWeight)
+}
+
+@Composable
+fun CommonsText(
+    text: AnnotatedString,
+    preset: CommonsTextPreset,
+    modifier: Modifier = Modifier,
+    color: Color = Color.Unspecified,
+    textAlign: TextAlign? = null,
+    maxLines: Int = Int.MAX_VALUE,
+    overflow: TextOverflow = TextOverflow.Clip,
+    fontWeight: FontWeight? = null
+) {
+    val style = when (preset) {
+        CommonsTextPreset.Headline -> TextStyle(fontSize = 24.sp, fontWeight = fontWeight ?: FontWeight.Bold)
+        CommonsTextPreset.Title -> TextStyle(fontSize = 20.sp, fontWeight = fontWeight ?: FontWeight.Medium)
+        CommonsTextPreset.Body -> TextStyle(fontSize = 16.sp, fontWeight = fontWeight ?: FontWeight.Normal)
+        CommonsTextPreset.Caption -> TextStyle(fontSize = 14.sp, fontWeight = fontWeight ?: FontWeight.Normal)
+    }
+    Text(
+        text = text,
+        modifier = modifier,
+        style = style,
+        color = if (color == Color.Unspecified) MaterialTheme.colorScheme.onBackground else color,
+        textAlign = textAlign,
+        maxLines = maxLines,
+        overflow = overflow
+    )
+}

app/src/test/kotlin/fr/free/nrw/commons/AboutActivityUnitTests.kt

@@ -43,7 +43,7 @@ class AboutActivityUnitTests {
     @Test
     @Throws(Exception::class)
     fun testLaunchFacebook() {
-        activity.launchFacebook(null)
+        activity.launchFacebook()
         val shadowActivity: ShadowActivity = Shadows.shadowOf(activity)
         val startedIntent = shadowActivity.nextStartedActivity
         Assert.assertEquals(startedIntent.action, "android.intent.action.VIEW")
@@ -54,43 +54,43 @@ class AboutActivityUnitTests {
     @Test
     @Throws(Exception::class)
     fun testLaunchGithub() {
-        activity.launchGithub(null)
+        activity.launchGithub()
     }
 
     @Test
     @Throws(Exception::class)
     fun testLaunchWebsite() {
-        activity.launchWebsite(null)
+        activity.launchWebsite()
     }
 
     @Test
     @Throws(Exception::class)
     fun testLaunchRatings() {
-        activity.launchRatings(null)
+        activity.launchRatings()
     }
 
     @Test
     @Throws(Exception::class)
     fun testLaunchCredits() {
-        activity.launchCredits(null)
+        activity.launchCredits()
     }
 
     @Test
     @Throws(Exception::class)
     fun testLaunchPrivacyPolicy() {
-        activity.launchPrivacyPolicy(null)
+        activity.launchPrivacyPolicy()
     }
 
     @Test
     @Throws(Exception::class)
     fun testLaunchUserGuide() {
-        activity.launchUserGuide(null)
+        activity.launchUserGuide()
     }
 
     @Test
     @Throws(Exception::class)
     fun testLaunchFrequentlyAskedQuestions() {
-        activity.launchFrequentlyAskedQuesions(null)
+        activity.launchFrequentlyAskedQuestions()
     }
 
     @Test