Refactor home layout for better responsiveness and remove unused imports

Author: sondreb

src/app/home/home.css

@@ -105,7 +105,15 @@
   display: flex;
   flex-wrap: nowrap;
   justify-content: space-around;
+  width: 100%;
+}
 
+@media only screen and (max-width: 720px) {
+  .home-left {
+    flex-direction: column;
+    align-items: center;
+    gap: 1em;
+  }
 }
 
 .home-right {

src/app/home/home.ts

@@ -45,7 +45,7 @@ interface DefaultProfile {
   selector: 'app-home',
   templateUrl: './home.html',
   styleUrls: ['./home.css'],
-  imports: [DragScrollDirective, DragScrollComponent, MatButtonModule, AgoPipe, DirectoryIconComponent, EventHeaderComponent, MatIconModule, TranslateModule, MatCardModule, ContentComponent, EventActionsComponent, NotificationLabelComponent, CommonModule, RouterModule],
+  imports: [DragScrollDirective, MatButtonModule, AgoPipe, DirectoryIconComponent, EventHeaderComponent, MatIconModule, TranslateModule, MatCardModule, ContentComponent, EventActionsComponent, NotificationLabelComponent, CommonModule, RouterModule],
 })
 export class HomeComponent {
   publicKey?: string | null;