moved files around make more logical folders, got some 502 errors turns out VSCode isn't magic, you just need to go through all the files and make sure the import paths are right

srcs/requirements/svelte/api_front/old_unused/App_old.svelte

@@ -6,7 +6,7 @@
 
   import LoginPage from "./LoginPage.svelte";
 	import UserPage from "../UserPage.svelte";
-    import NotFound from "../NotFound.svelte";
+    import NotFound from "../pages/NotFound.svelte";
 
 	// Ideally fuck all this shit in the long run
 	let pages = ['login', 'user', 'account'];

srcs/requirements/svelte/api_front/old_unused/HomePage_old.svelte

@@ -6,7 +6,7 @@
   import Footer from "../components/Footer.svelte";
 	import Login from "./Login.svelte";
   import Tabs from "../shared/Tabs.svelte"
-  import Card from "../shared/Card.svelte"
+  import Card from "../pieces/Card.svelte"
 // tmp
 let login = { username: '', password: ''};
   // let's us track any errors in a submited form

srcs/requirements/svelte/api_front/old_unused/Login.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { now } from "svelte/internal";
-  import Card from "../shared/Card.svelte";
+  import Card from "../pieces/Card.svelte";
   import { createEventDispatcher } from 'svelte';
   // import UserStore from './stores/UserStore';
 

srcs/requirements/svelte/api_front/old_unused/LoginPage.svelte

@@ -2,8 +2,8 @@
   // import Header from "./Header.svelte";
   import Footer from "../components/Footer.svelte";
   import Tabs from "../shared/Tabs.svelte";
-  import Card from "../shared/Card.svelte";
-  import Canvas from "../components/Canvas.svelte";
+  import Card from "../pieces/Card.svelte";
+  import Canvas from "../pieces/Canvas.svelte";
   import ScrollTo from "../shared/ScrollTo.svelte";
   import UserStore from "./UserStore.js";
   import { createEventDispatcher } from "svelte";

srcs/requirements/svelte/api_front/src/TmpTest.svelte

@@ -1,12 +0,0 @@
-
-<script>
-
-  import { onMount } from "svelte";
-
-  onMount( () => console.log('in TMP TEST'))
-
-</script>
-
-
-
-<h1>TMP TEST</h1>

srcs/requirements/svelte/api_front/src/pages/SplashPage.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
-  import Canvas from "./components/Canvas.svelte";
+  import Canvas from "../pieces/Canvas.svelte";
   import { push } from "svelte-spa-router";
   import { onMount } from 'svelte';
-  import { loginStatus } from './stores/loginStatusStore.js';
+  import { loginStatus } from '../stores/loginStatusStore.js';
 
   // go over agian in detail to make sure this actually does what you want
   // it needs some work, seems confused a lot of the time...

srcs/requirements/svelte/api_front/src/pages/TwoFactorAuthentication.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { onMount } from "svelte";
   import { push } from "svelte-spa-router";
-  import { loginStatus } from './stores/loginStatusStore';
+  import { loginStatus } from '../stores/loginStatusStore';
 
   // onMount( async() => {
   //  await fetch("http://transcendance:8080/api/v2/auth/2fa/generate",

srcs/requirements/svelte/api_front/src/pages/profile/ProfilePage.svelte

@@ -1,11 +1,11 @@
 <script lang="ts">
 
-  import Header from "./components/Header.svelte";
-  import Footer from "./components/Footer.svelte";
+  import Header from "../../pieces/Header.svelte";
+  import Footer from "../../pieces/Footer.svelte";
   // import { createEventDispatcher } from "svelte";
   import { push } from "svelte-spa-router";
   import Router, { link } from "svelte-spa-router";
-  import { profileRoutes, prefix } from "./routes/profileRoutes.js";
+  import { profileRoutes, prefix } from "../../routes/profileRoutes.js";
 
   // let dispatch = createEventDispatcher();
 

srcs/requirements/svelte/api_front/src/pages/profile/ProfileSettings.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
 
-  import Card from './shared/Card.svelte';
+  import Card from '../../pieces/Card.svelte';
   import {onMount} from 'svelte';
   import { push } from 'svelte-spa-router';
-  import { loginStatus } from './stores/loginStatusStore'
+  import { loginStatus } from '../../stores/loginStatusStore'
 
   let user;
 

srcs/requirements/svelte/api_front/src/routes/primaryRoutes.js

@@ -1,8 +1,8 @@
-import NotFound from "../NotFound.svelte";
-import ProfilePage from "../ProfilePage.svelte";
-import SplashPage from "../SplashPage.svelte";
-import TwoFactorAuthentication from '../TwoFactorAuthentication.svelte';
-import UnauthorizedAccessPage from '../components/UnauthorizedAccessPage.svelte';
+import NotFound from "../pages/NotFound.svelte";
+import ProfilePage from "../pages/profile/ProfilePage.svelte";
+import SplashPage from "../pages/SplashPage.svelte";
+import TwoFactorAuthentication from '../pages/TwoFactorAuthentication.svelte';
+import UnauthorizedAccessPage from '../pages/UnauthorizedAccessPage.svelte';
 import { loginStatus } from "../stores/loginStatusStore";
 import { wrap } from 'svelte-spa-router/wrap'
 import { get } from 'svelte/store';

srcs/requirements/svelte/api_front/src/routes/profileRoutes.js

@@ -1,7 +1,7 @@
 
-import NotFound from "../NotFound.svelte";
-import ProfileDisplay from '../ProfileDisplay.svelte';
-import ProfileSettings from '../ProfileSettings.svelte';
+import NotFound from "../pages/NotFound.svelte";
+import ProfileDisplay from '../pages/profile/ProfileDisplay.svelte';
+import ProfileSettings from '../pages/profile/ProfileSettings.svelte';
 import { loginStatus } from "../stores/loginStatusStore";
 import { wrap } from 'svelte-spa-router/wrap'