feat: Complete implementation of Experience section

Author: nsh07

composeApp/src/wasmJsMain/kotlin/org/nsh07/nsh07/ui/AppScreen.kt

@@ -16,6 +16,7 @@ import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.platform.LocalUriHandler
 import androidx.compose.ui.text.*
+import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
 import kotlinx.coroutines.launch
@@ -165,7 +166,18 @@ fun AppScreen(modifier: Modifier = Modifier) {
             items(experiences) {
                 ExperienceCard(experience = it, cardPadding = cardPadding)
             }
-            item { Spacer(Modifier.height(112.dp)) }
+            item {
+                Row(
+                    verticalAlignment = Alignment.CenterVertically,
+                    modifier = Modifier
+                        .padding(start = cardPadding, top = 32.dp)
+                        .clickable { uriHandler.openUri("https://www.linkedin.com/in/nsh07/") }
+                ) {
+                    Text("View LinkedIn Profile ", style = typography.bodyLarge, fontWeight = FontWeight.SemiBold)
+                    Icon(painterResource(Res.drawable.open_in_browser), null, Modifier.size(16.dp))
+                }
+                Spacer(Modifier.height(112.dp))
+            }
             item {
                 Column(
                     horizontalAlignment = Alignment.CenterHorizontally,

composeApp/src/wasmJsMain/kotlin/org/nsh07/nsh07/ui/ExperienceCard.kt

@@ -15,6 +15,7 @@ import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip
 import androidx.compose.ui.platform.LocalUriHandler
+import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.text.intl.Locale
 import androidx.compose.ui.text.toUpperCase
 import androidx.compose.ui.unit.Dp
@@ -49,8 +50,14 @@ fun ExperienceCard(
             )
             Column(Modifier.weight(3f)) {
                 FlowRow(itemVerticalAlignment = Alignment.CenterVertically) {
-                    Text("${experience.position} $bullet ${experience.company} ")
-                    Icon(painterResource(Res.drawable.open_in_browser), null, modifier = Modifier.size(16.dp))
+                    Text(experience.position, style = typography.bodyLarge, fontWeight = FontWeight.Medium)
+                    Text(" $bullet ", style = typography.bodyLarge, fontWeight = FontWeight.Medium)
+                    Text(experience.company, style = typography.bodyLarge, fontWeight = FontWeight.Medium)
+                    Icon(
+                        painterResource(Res.drawable.open_in_browser),
+                        null,
+                        modifier = Modifier.padding(start = 4.dp).size(16.dp)
+                    )
                 }
                 Text(
                     experience.description,
@@ -60,6 +67,7 @@ fun ExperienceCard(
                 )
                 FlowRow(
                     horizontalArrangement = Arrangement.spacedBy(6.dp),
+                    verticalArrangement = Arrangement.spacedBy(4.dp),
                     modifier = Modifier.padding(top = 16.dp)
                 ) {
                     experience.skills.fastForEach {