Initial Layouts for chat select screen

lib/presentation/chat/chat_select_screen/chat_select_screen.dart

@@ -16,6 +16,69 @@ class ChatSelectScreen extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     mediaQueryData = MediaQuery.of(context);
-    return Container();
+    return SafeArea(
+      child: Scaffold(
+        resizeToAvoidBottomInset: false,
+        body: Container(
+          width: double.maxFinite,
+          decoration: AppDecoration.fillGray,
+          child: Column(
+            children: [
+              SizedBox(height: 30.v),
+              Container(
+                margin: EdgeInsets.only(
+                  left: 16.h,
+                  right: 20.h,
+                ),
+                padding: EdgeInsets.all(12.h),
+                decoration: AppDecoration.outlinePrimary.copyWith(
+                  borderRadius: BorderRadiusStyle.circleBorder8,
+                ),
+                child: Column(
+                  mainAxisSize: MainAxisSize.min,
+                  children: [
+                    BlocSelector<ChatSelectBloc, ChatSelectState,
+                        TextEditingController?>(
+                      selector: (state) => TextEditingController(),
+                      builder: (context, searchController) {
+                        return Container();
+                      },
+                    ),
+                    SizedBox(height: 20.v),
+                    _buildUserprofile(context)
+                  ],
+                ),
+              )
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+
+  Widget _buildUserprofile(BuildContext context) {
+    return BlocSelector<ChatSelectBloc, ChatSelectState, ChatSelectModel?>(
+      selector: (state) => state.chatSelectModelObj,
+      builder: (context, k1ModelObj) {
+        return ListView.separated(
+          physics: NeverScrollableScrollPhysics(),
+          shrinkWrap: true,
+          separatorBuilder: (context, index) {
+            return SizedBox(
+              height: 10.v,
+            );
+          },
+          itemCount: k1ModelObj?.userprofileItemList.length ?? 0,
+          itemBuilder: (context, index) {
+            UserprofileItemModel model =
+                k1ModelObj?.userprofileItemList[index] ??
+                    UserprofileItemModel();
+            return UserprofileItemWidget(
+              model,
+            );
+          },
+        );
+      },
+    );
   }
 }