starting ProfileInfoSidebar, profile picture done

composeApp/src/wasmJsMain/kotlin/ui/uiComponent/ProfileInfoSideBar.kt

@@ -0,0 +1,44 @@
+package ui.uiComponent
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.layout.*
+import androidx.compose.foundation.shape.CircleShape
+import androidx.compose.material.Card
+import androidx.compose.material.MaterialTheme
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.unit.dp
+import myresume.composeapp.generated.resources.Res
+import myresume.composeapp.generated.resources.photo_profile
+import org.jetbrains.compose.resources.painterResource
+
+@Composable
+fun ProfileInfoSideBar(modifier: Modifier = Modifier) {
+    Card(
+        modifier = modifier
+            .fillMaxHeight()
+            .width(300.dp)
+            .offset(y = 4.dp),
+        shape = MaterialTheme.shapes.small,
+        elevation = 3.dp
+    ) {
+        Column(
+            modifier = Modifier.padding(top = 16.dp),
+            verticalArrangement = Arrangement.spacedBy(16.dp),
+            horizontalAlignment = Alignment.CenterHorizontally
+        ) {
+            ProfilePicture()
+        }
+    }
+}
+
+@Composable
+fun ProfilePicture(modifier: Modifier = Modifier) {
+    Image(
+        modifier = modifier.size(190.dp).clip(CircleShape),
+        painter = painterResource(Res.drawable.photo_profile),
+        contentDescription = ""
+    )
+}

composeApp/src/wasmJsMain/kotlin/ui/uiScreen/ContentScreen.kt

@@ -1,13 +1,20 @@
 package ui.uiScreen
 
+import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
+import ui.uiComponent.ProfileInfoSideBar
 import ui.uiComponent.SocialNetworkBar
 
 @Composable
 fun ContentScreen(modifier: Modifier = Modifier) {
-    Row(modifier = modifier) {
+    Row(
+        modifier = modifier.fillMaxWidth(),
+        horizontalArrangement = Arrangement.SpaceBetween
+    ) {
         SocialNetworkBar()
+        ProfileInfoSideBar()
     }
 }