frontend: improve directory structure

frontend/src/components/App.svelte

@@ -1,5 +1,5 @@
 <script>
-    import Main from "./pages/main/Main.svelte";
+    import Main from "./Main.svelte";
 </script>
 
 <Main />

frontend/src/components/Main.svelte

@@ -1,8 +1,8 @@
 <script>
     import { CloudIcon } from "svelte-feather-icons";
-    import { gatewayStatus, selectedChannel } from "../../../stores";
+    import { gatewayStatus, selectedChannel } from "../stores";
     import ChannelView from "./ChannelView.svelte";
-    import OverlayProvider from "./OverlayProvider.svelte";
+    import OverlayProvider from "./overlays/OverlayProvider.svelte";
     import Sidebar from "./Sidebar.svelte";
 </script>
 

frontend/src/components/MessageInput.svelte

@@ -1,7 +1,7 @@
 <script>
-    import request from "../../../request";
-    import { apiRoute } from "../../../storage";
-    import { messagesStoreProvider, userInfoStore } from "../../../stores";
+    import request from "../request";
+    import { apiRoute } from "../storage";
+    import { messagesStoreProvider, userInfoStore } from "../stores";
 
     export let channel;
     let messageInput = "";

frontend/src/components/Messages.svelte

@@ -1,6 +1,6 @@
 <script>
     import { afterUpdate, beforeUpdate, onMount } from "svelte";
-    import { messagesStoreProvider } from "../../../stores.js";
+    import { messagesStoreProvider } from "../stores.js";
     import Message from "./Message.svelte";
 
     export let channelId;

frontend/src/components/Sidebar.svelte

@@ -1,6 +1,6 @@
 <script>
     import { HashIcon, PlusIcon, MoreVerticalIcon } from "svelte-feather-icons";
-    import { channels, overlayStore, selectedChannel } from "../../../stores";
+    import { channels, overlayStore, selectedChannel } from "../stores";
     import UserTopBar from "./UserTopBar.svelte";
 </script>
 

frontend/src/components/UserTopBar.svelte

@@ -1,6 +1,6 @@
 <script>
     import { AtSignIcon } from "svelte-feather-icons";
-    import { userInfoStore } from "../../../stores";
+    import { userInfoStore } from "../stores";
 </script>
 
 <div class="top-bar">

frontend/src/components/overlays/OverlayProvider.svelte

@@ -1,7 +1,7 @@
 <script>
-    import { overlayStore } from "../../../stores";
-    import EditChannel from "../../modals/EditChannel.svelte";
-    import CreateChannel from "../../modals/CreateChannel.svelte";
+    import { overlayStore } from "../../stores";
+    import EditChannel from "./EditChannel.svelte";
+    import CreateChannel from "./CreateChannel.svelte";
 </script>
 
 {#if $overlayStore.createChannel}