feat: link and directory improvements

Changing pages now happens via Link, directory has gotten a layout change with app becoming a starting point and every page requireing their own .tsx and .css file.
Components have also been added where reocurring componennts can be made and reapplied in the project.

ref: N25B-96

src/pages/Home/Home.tsx

@@ -0,0 +1,42 @@
+import { useState } from 'react'
+import { Link } from 'react-router'
+import reactLogo from '../../assets/react.svg'
+import viteLogo from '../../assets/vite.svg'
+import style from './Home.module.css'
+import Counter from '../../components/components.tsx'
+
+function Home() {
+  
+
+
+  return (
+    <>
+      <div>
+        <a href="https://vite.dev" target="_blank">
+          <img src={viteLogo} className="logo" alt="Vite logo" />
+        </a>
+        <a href="https://react.dev" target="_blank">
+          <img src={reactLogo} className="logo react" alt="React logo" />
+        </a>
+      </div>
+      <h1>Vite + React</h1>
+      
+        <Counter />
+        <Link to = '/Template'>
+            <button className='movePage right' onClick={() : void => {}}>
+            Page Cool --{'>'}
+            </button>
+        </Link>
+        
+        <p>
+            Edit <code>src/App.tsx</code> and save to test HMR
+        </p>
+      
+      <p className={style.read_the_docs}>
+        Click on the Vite and React logos to learn more
+      </p>
+    </>
+  )
+}
+
+export default Home