fix: restore layout and add dynamic version to footer

src/App.vue

@@ -2,14 +2,18 @@
 import CubeCSS from './components/renderers/CubeCSS.vue'
 import DebugPanel from './components/DebugPanel.vue'
 import InteractionReplay from './components/InteractionReplay.vue'
+import NavBar from './components/NavBar.vue'
+import Footer from './components/Footer.vue'
 </script>
 
 <template>
+  <NavBar />
   <div class="app-content">
     <DebugPanel />
     <InteractionReplay />
     <CubeCSS />
   </div>
+  <Footer />
 </template>
 
 <style scoped>

src/components/DebugPanel.vue

@@ -56,7 +56,7 @@ const toggle = () => isOpen.value = !isOpen.value
 <style scoped>
 .debug-panel {
   position: fixed;
-  top: 10px;
+  top: 70px;
   right: 10px;
   width: 250px;
   background: rgba(0, 0, 0, 0.85);

src/components/Footer.vue

@@ -1,11 +1,12 @@
 <script setup>
 const currentYear = new Date().getFullYear();
+const version = __APP_VERSION__;
 </script>
 
 <template>
   <footer class="app-footer glass-panel">
     <div class="footer-content">
-      <p>&copy; {{ currentYear }} Rubic Cube. Wersja 0.0.1</p>
+      <p>&copy; {{ currentYear }} Rubic Cube. Wersja {{ version }}</p>
       <div class="social-links">
         <!-- Placeholder for social links if needed -->
       </div>

src/components/InteractionReplay.vue

@@ -64,7 +64,7 @@ ${report}
 <style scoped>
 .interaction-replay {
   position: fixed;
-  bottom: 10px;
+  bottom: 50px;
   right: 10px;
   z-index: 10000;
   font-family: monospace;

vite.config.js

@@ -4,6 +4,9 @@ import vue from '@vitejs/plugin-vue'
 // https://vite.dev/config/
 export default defineConfig({
   plugins: [vue()],
+  define: {
+    '__APP_VERSION__': JSON.stringify(process.env.npm_package_version),
+  },
   server: {
     port: 5174,
     hmr: {