refactor: restructure homepage layout

src/sass/homepage.scss

@@ -6,29 +6,48 @@
     gap: 5px;
     max-width: 1200px;
     margin: 0 auto;
+    justify-content: center;
 }
 
-.following-column {
+.following-column,
+.timeline-users-column {
     width: 280px;
     flex-shrink: 0;
 }
 
+.timeline-users-column {
+    .timeline-item {
+        flex-direction: column;
+
+    }
+}
+
 .profile-cards {
     display: flex;
     flex-direction: column;
     gap: 5px;
 }
 
+.timeline-users-column > :first-child,
 .homepage-container .timeline-container > .timeline > :first-child {
     margin-top: 0;
 }
 
-@media (max-width: 887px) {
+@media (max-width: 1200px) {
     .homepage-container {
         max-width: 100%;
-    }
-
-    .following-column {
-        display:none;
+        padding: 0 10px;
+    }
+}
+
+@media (max-width: 1100px) {
+    .following-column {
+        display: none;
+    }
+}
+
+@media (max-width: 800px) {
+    .timeline-users-column {
+        display: none;
     }
 }