feat: added git social preview

src/windows/main/Main.svelte

@@ -27,7 +27,6 @@
   import DialogModal from "../../components/modals/DialogModal.svelte";
   import SteamPathModal from "../../components/modals/SteamPathModal.svelte";
   import GameSearchModal from "../../components/modals/game-search/GameSearchModal.svelte";
-  import { WindowController } from "../../lib/controllers/WindowController";
 	
   let updateUnsub: any;
 	let activeUserIdUnsub: Unsubscriber;

src/windows/main/SocialPreview.svelte

@@ -0,0 +1,60 @@
+<div class="social-preview">
+  <div class="backdrop" />
+  <div class="content">
+    <div class="icon-container">
+      <!-- svelte-ignore a11y-missing-attribute -->
+      <img src="/logo.png" width="160px" />
+    </div>
+    <div class="text-container">
+      <div class="name">Steam Art Manager</div>
+      <div class="description">Simple and elegant Steam library customization.</div>
+    </div>
+  </div>
+</div>
+
+<style>
+  .social-preview {
+    z-index: 1000000;
+
+    position: absolute;
+    width: 100%;
+    height: 100%;
+
+    background-color: rgba(0, 0, 0, 0.2);
+  }
+
+  .backdrop {
+    width: 100%;
+    height: 100%;
+
+    background: rgba(10, 10, 10, 0.85);
+    backdrop-filter: blur(3px);
+  }
+
+  .content {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+
+    display: flex;
+    align-items: center;
+  }
+
+  .text-container {
+    margin-left: 7px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
+
+  .name {
+    font-size: 80px;
+    font-weight: bold;
+    white-space: nowrap;
+  }
+
+  .description {
+    font-size: 24px;
+  }
+</style>