add new components for chat in shared

src/app/pages/chat/chat.page.scss

@@ -1,4 +1,9 @@
-
+ion-content{
+   --background: transparent;
+ }
+ :host{
+  background: #0782c9;
+  }
 .main-header{
   width: 100%; /* 400px */
   height: 100%;
@@ -38,13 +43,15 @@
   }
 }
 .main-content{
-  width: 100%; /* 400px */
+  width: 100%; 
   height: 100%;
   font-family: Roboto;
   margin: 0 auto;
   background-color: #fff;
   overflow:auto;
   padding: 15px 20px 0 20px;
+  border-top-left-radius: 25px;
+  border-top-right-radius: 25px;
 
   .iconschatnew-group{
     width: 30px;
@@ -102,3 +109,25 @@
     color: #000;
   }
 }
+
+@media only screen and (min-width: 1024px) {
+  .main-content{
+    .aside-wrapper{
+      border: 1px solid red;
+      justify-content: flex-start !important;
+      .aside-title{
+        font-family: Roboto;
+        font-size: 25px;
+        text-align: left;
+      }
+    }
+    .aside{
+      width: 340px;
+    }
+    .aside-content{
+      display: flex !important;
+      background-color: white;
+    }
+  }
+
+}