fix: moved icons and created PlatformClient so we can use the enum on the frontend

components/PlatformSelector.vue

@@ -74,6 +74,7 @@
 </template>
 
 <script setup lang="ts">
+import { IconsLinuxLogo, IconsWindowsLogo } from "#components";
 import {
   Listbox,
   ListboxButton,
@@ -83,19 +84,17 @@ import {
 } from "@headlessui/vue";
 import { CheckIcon, ChevronUpDownIcon } from "@heroicons/vue/20/solid";
 import type { Component } from "vue";
-import LinuxLogo from "./icons/LinuxLogo.vue";
-import WindowsLogo from "./icons/WindowsLogo.vue";
 
 const model = defineModel<string>();
 
 const values: { [key: string]: { name: string; icon: Component } } = {
   Linux: {
     name: "Linux",
-    icon: LinuxLogo,
+    icon: IconsLinuxLogo,
   },
   Windows: {
     name: "Windows",
-    icon: WindowsLogo,
+    icon: IconsWindowsLogo,
   },
 };
 </script>

components/UserFooter.vue

@@ -63,8 +63,7 @@
 </template>
 
 <script setup lang="ts">
-import GithubLogo from './icons/GithubLogo.vue';
-import DiscordLogo from './icons/DiscordLogo.vue';
+import { IconsDiscordLogo, IconsGithubLogo } from '#components';
 
 const navigation = {
     games: [
@@ -92,12 +91,12 @@ const navigation = {
         {
             name: 'GitHub',
             href: 'https://github.com/Drop-OSS',
-            icon: GithubLogo,
+            icon: IconsGithubLogo,
         },
         {
             name: "Discord",
             href: "https://discord.gg/NHx46XKJWA",
-            icon: DiscordLogo
+            icon: IconsDiscordLogo
         }
     ],
 }