chore: Change "Pre-Release Alpha" labels to "Beta" since we're in beta now, and show Prod/Dev label

Author: TibixDev

src/renderer/App.vue

@@ -89,7 +89,7 @@
                     </x-navitem>
                 </RouterLink>
                 <div class="flex flex-col justify-end items-center p-4 h-full">
-                    <p class="text-xs text-neutral-500">WinBoat Pre-Release Alpha {{ appVer }}</p>
+                    <p class="text-xs text-neutral-500">WinBoat Beta v{{ appVer }} {{ isDev ? 'Dev' : 'Prod' }}</p>
                 </div>
             </x-nav>
             <div class="px-5 flex-grow max-h-[calc(100vh-2rem)] overflow-y-auto py-4">
@@ -133,6 +133,7 @@ const remote: typeof import('@electron/remote') = require('@electron/remote');
 
 const $router = useRouter();
 const appVer = import.meta.env.VITE_APP_VERSION;
+const isDev = import.meta.env.DEV;
 let winboat: Winboat | null = null;
 
 let updateTimeout: NodeJS.Timeout | null = null;

src/renderer/views/About.vue

@@ -2,8 +2,8 @@
     <div class="flex flex-col items-center justify-center h-[calc(100vh-9rem)]">
         <img class="w-48" src="/img/winboat_logo.png">
         <h2 class="mb-0">WinBoat</h2>
-        <p class="text-gray-500 text-sm">Windows for 🐧 penguins</p>
-        <p class="text-gray-400 !mt-4">WinBoat Pre-Release Alpha {{ appVer }}</p>
+        <p class="text-sm text-gray-500">Windows for 🐧 penguins</p>
+        <p class="text-gray-400 !mt-4">WinBoat Beta v{{ appVer }} {{ isDev ? 'Dev' : 'Prod' }}</p>
         <div>
 
         </div>
@@ -21,4 +21,5 @@
 <script setup lang="ts">
 import { openAnchorLink } from '../utils/openLink';
 const appVer = import.meta.env.VITE_APP_VERSION;
+const isDev = import.meta.env.DEV;
 </script>