Setup skeleton for new HUD, updated fog img, updated effects

src/screens/Game.vue

@@ -5,24 +5,18 @@
 
     <div v-if="!zoneEditorStore.active">
       <Game :config="gameConfig" @create="createGame">
-        <Effects />
         <Scene name="main" @preload="preloadScene" @create="createScene">
           <div v-if="isLoaded">
-            <Inventory />
-            <div class="fixed inset-x-0 top-0 flex justify-start items-end p-10 pointer-events-none">
-              <div class="pointer-events-auto">
-                <Hud />
-              </div>
-            </div>
+            <Menu />
+            <Hud />
+            <Keybindings />
+            <Minimap />
             <Zone />
-            <div class="fixed inset-x-0 bottom-0 flex justify-between gap-5 items-end py-10 px-5 xxs:p-10 pointer-events-none max-md:flex-wrap max-md:flex-col-reverse">
-              <div class="pointer-events-auto w-full">
-                <Chat />
-              </div>
-              <div class="pointer-events-auto max-xs:m-auto mr-auto">
-                <Menubar />
-              </div>
-            </div>
+            <Chat />
+            <Inventory />
+            <ExpBar />
+
+            <Effects />
           </div>
         </Scene>
       </Game>
@@ -43,16 +37,20 @@ import { ref, onBeforeUnmount } from 'vue'
 import { Game, Scene } from 'phavuer'
 import { useGameStore } from '@/stores/gameStore'
 import { useZoneEditorStore } from '@/stores/zoneEditorStore'
+import Menu from '@/components/gui/Menu.vue'
+import ExpBar from '@/components/gui/ExpBar.vue'
 import Hud from '@/components/gui/Hud.vue'
 import Zone from '@/components/zone/Zone.vue'
+import Keybindings from '@/components/gui/Keybindings.vue'
 import Chat from '@/components/gui/Chat.vue'
-import Menubar from '@/components/gui/Menu.vue'
 import GmTools from '@/components/gameMaster/GmTools.vue'
 import ZoneEditor from '@/components/gameMaster/zoneEditor/ZoneEditor.vue'
 import GmPanel from '@/components/gameMaster/GmPanel.vue'
 import Inventory from '@/components/gui/UserPanel.vue'
-import { loadAssets } from '@/composables/zoneComposable'
 import Effects from '@/components/Effects.vue'
+import { loadAssets } from '@/composables/zoneComposable'
+import Minimap from '@/components/gui/Minimap.vue'
+
 
 const gameStore = useGameStore()
 const zoneEditorStore = useZoneEditorStore()