ref: separate footer to improve maintainability

package.json

@@ -1,7 +1,7 @@
 {
   "name": "givs-website-react",
   "private": true,
-  "version": "0.0.0",
+  "version": "1.1.12",
   "type": "module",
   "scripts": {
     "dev": "vite",

src/App.tsx

@@ -9,6 +9,7 @@ import Projects from './pages/projects';
 import { HashRouter } from 'react-router-dom';
 import '@fontsource-variable/red-hat-display';
 import Skills from './pages/skills';
+import Footer from './components/Footer';
 
 function App() {
   return (
@@ -35,10 +36,7 @@ function App() {
           <Projects />
         </section>
       </HashRouter>
-      <footer>
-        <p>© 2025 GivFNZ</p>
-        <p>Version: 1.1.11</p>
-      </footer>
+      <Footer />
     </ThemeProvider>
   );
 }

src/components/Footer/index.tsx

@@ -0,0 +1,8 @@
+export default function Footer() {
+    return (
+        <footer>
+            <p>© 2025 GivFNZ</p>
+            <p>Version: 1.1.12</p>
+        </footer>
+    )
+}