style: update fireblog ui

Author: Sye0w

src/app/components/fireblog-page/fireblog-page.component.scss

@@ -2,27 +2,29 @@
 
 .fireblog-container {
   padding-top: 2rem;
-  flex: 1;
+  height: 100vh;
+  width: 100vw;
   display: flex;
   flex-direction: column;
   background-color: transparent;
-  height: 100%;
-  overflow: hidden;
 
   mat-sidenav-container {
     flex: 1;
+    display: flex;
+    width: 100%;
     overflow: hidden;
   }
 
   mat-sidenav {
     width: 300px;
     padding: 1rem;
+    background-color: white;
   }
 
   mat-sidenav-content {
     display: flex;
-    flex-direction: column;
-    background-color: transparent;
+    justify-content: center !important;
+
     overflow: hidden;
 
     .fireblog-content {
@@ -37,7 +39,7 @@
         padding: 1.25rem;
         padding-bottom: 7rem;
 
-        ul{
+        ul {
           padding: 1.25rem 1.25rem 0 3rem;
           display: flex;
           flex-direction: column;

src/app/components/post-card/post-card.component.scss

@@ -1,7 +1,7 @@
 @use '../../../partials/variables' as *;
 
 .post-card {
-  width: 37rem;
+  width: 100%;
   border-radius: 0.5rem;
   background-color: #fff;
   padding: 1.5rem;
@@ -11,7 +11,7 @@
 
   &:hover {
     transform: scale(1.02);
-    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); 
+    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
   }
 
   .content {