feat: Implement persistent default mode and UI improvements

index.html

@@ -20,7 +20,7 @@
       crossorigin="anonymous"
     />
 
-    <title>REMAPP.ING</title>
+    <title>REMAPP.ING v1.2</title>
     <script>
       const storedTheme = localStorage.getItem('theme') ?? 'system';
 

src/App.vue

@@ -74,7 +74,7 @@ watch(route, onRouteSwitch, { immediate: true });
         <h3>GRAMCTRL & AEROKEY LABS</h3>
       </div>
 
-      <h2 v-else class="text-2xl">Designed by: GRAMCTRL & AEROKEY LABS</h2>
+      <h2 v-else class="text-2xl">Designed by: GRAMCTRL, AEROKEY LABS & SpooX</h2>
     </div>
 
     <RouterView />

src/components/ProfileSelect.vue

@@ -30,9 +30,10 @@ const modes = computed(() => {
 
   return [...deviceManager.modes.values()].map((x) => {
     const modeConfig = deviceManager.config?.gameModes.find((c) => c.id === x.id);
+    const isDefault = x.id === deviceManager.config?.defaultMode;
     return {
       id: x.id,
-      name: gameModeToName(x.id),
+      name: `${gameModeToName(x.id)}${isDefault ? ' (Default)' : ''}`,
       activation: x.activationBinding.map((physical) => {
         const remapped = modeConfig?.buttonRemapping.find((r) => r.physical === physical);
         if (remapped) {

src/lib/haybox/device.ts

@@ -147,6 +147,16 @@ export class SerialDeviceManager extends ConnectionManager {
 
     this.config.gameModeConfigs = config.gameModes.map((mode) => internalToHayboxGameMode(this.config, layout, mode));
 
+    // Update the default mode in device config
+    const defaultModeConfig = this.config.gameModeConfigs.findIndex(gc => 
+      HAYBOX_TO_MODE[gc.modeId] === config.defaultMode
+    ) + 1; // Convert to 1-based index
+
+    // Set default mode for all backends
+    for (const backendConfig of this.config.communicationBackendConfigs) {
+      backendConfig.defaultModeConfig = defaultModeConfig;
+    }
+
     this.config.projectMOptions = internalToHayboxProjectMOptions(config.projectMOptions);
     this.config.meleeOptions = internalToHayboxMeleeOptions(config.meleeOptions);
 

src/stores/deviceManager.ts

@@ -204,13 +204,24 @@ export const useDeviceManager = defineStore('device_manager', () => {
   async function saveConfig(): Promise<boolean> {
     if (manager.value == null || !config.value || !layout.value) return false;
 
+    // Set the default mode to the current active profile
+    const activeProfile = useActiveProfile();
+    if (activeProfile.value) {
+      config.value.defaultMode = activeProfile.value;
+    }
+
     writeRemaps();
     writeOptions();
 
     try {
       if (await manager.value.setConfig(layout.value, config.value)) {
         originalConfig.value = { ...config.value };
         notifyConfigSaved();
+        const { toast } = useToast();
+        toast({
+          title: 'Config saved successfully',
+          description: 'Device configuration has been updated',
+        });
         return true;
       }
     } catch (e) {