Add mobile gui beta

src/App.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import Sidebar from './lib/SideBars/Sidebar.svelte';
-    import { DynamicGUI, settingsOpen, sideBarStore, ShowRealmFrameStore, openPresetList, openPersonaList } from './ts/stores';
+    import { DynamicGUI, settingsOpen, sideBarStore, ShowRealmFrameStore, openPresetList, openPersonaList, MobileGUI } from './ts/stores';
     import { DataBase, loadedStore } from './ts/storage/database';
     import ChatScreen from './lib/ChatScreens/ChatScreen.svelte';
     import AlertComp from './lib/Others/AlertComp.svelte';
@@ -17,7 +17,11 @@
   import LiteMain from './LiteMain.svelte';
   import Botpreset from './lib/Setting/botpreset.svelte';
   import ListedPersona from './lib/Setting/listedPersona.svelte';
+  import MobileHeader from './lib/Mobile/MobileHeader.svelte';
+  import MobileBody from './lib/Mobile/MobileBody.svelte';
+  import MobileFooter from './lib/Mobile/MobileFooter.svelte';
 
+  
     let didFirstSetup: boolean  = false
     let gridOpen = false
 
@@ -44,7 +48,12 @@
         <LiteMain />
     {:else if $settingsOpen}
         <Settings />
-        
+    {:else if $MobileGUI}
+        <div class="w-full h-full flex flex-col">
+            <MobileHeader />
+            <MobileBody />
+            <MobileFooter />
+        </div>
     {:else}
         {#if gridOpen}
             <GridChars endGrid={() => {gridOpen = false}} />