🐛 Fix: Correct file structure

• Index src as main folder

jsconfig.json

@@ -0,0 +1,7 @@
+{
+    "compilerOptions": {
+        "paths": {
+            "@/*": ["./src/*"]
+        }
+    }
+}

src/app/layout.jsx

@@ -17,8 +17,8 @@
 import "bootstrap/dist/css/bootstrap.min.css";
 import React from "react";
 //* Local Imports
-import { getMetadata } from "../logic/metadata/service";
-import StateManager from "../logic/state/manager";
+import { getMetadata } from "@/logic/metadata/service";
+import StateManager from "@/logic/state/manager";
 
 
 //* Main

src/app/layout.test.jsx

@@ -29,7 +29,7 @@ vi.mock("@inrupt/solid-ui-react", () => ({
 }));
 
 // Mocking the getMetadata function
-vi.mock("./logic/metadata/service", () => ({
+vi.mock("../logic/metadata/service", () => ({
     getMetadata: vi.fn().mockResolvedValue({ /* mock metadata object */ })
 }));
 

src/app/page.jsx

@@ -17,8 +17,8 @@
 import React from "react";
 //* Local Imports
 import "./page.css";
-import Footer from "../components/molecules/footer/component";
-import AuthButton from "../components/atoms/authButton";
+import Footer from "@/components/molecules/footer/component";
+import AuthButton from "@/components/atoms/authButton";
 
 
 //* Main

src/components/atoms/loginButton.jsx

@@ -20,7 +20,7 @@ import React, { useEffect, useState } from "react";
 import { LoginButton as SolidLoginButton } from "@inrupt/solid-ui-react";
 import { Button } from "react-bootstrap";
 //* Local imports
-import { getOptions } from "../../logic/auth/service";
+import { getOptions } from "@/logic/auth/service";
 
 
 //* Main

src/components/molecules/footer/component.jsx

@@ -18,7 +18,7 @@
 //* Imports
 import Link from "next/link";
 //* Local Imports
-import useData from "../../../logic/data/hook";
+import useData from "@/logic/data/hook";
 import FooterLayout from "./layout";
 
 

src/logic/auth/service.js

@@ -14,7 +14,7 @@
  */
 
 //* Imports
-import { CLIENT_ID, POD_PROVIDER_URI } from "../../services/app/nodes";
+import { CLIENT_ID, POD_PROVIDER_URI } from "@/services/app/nodes";
 
 export async function getOptions() {
     // Logic

src/logic/data/service.js

@@ -16,9 +16,9 @@
 //* Imports
 
 //* Local Imports
-import { APP_WEBID, APP_WEBID_DOC } from "../../services/app/nodes";
-import { getProperties, getThing } from "../../services/solid/service";
-import { appShape } from "../../services/app/shape";
+import { APP_WEBID, APP_WEBID_DOC } from "@/services/app/nodes";
+import { getProperties, getThing } from "@/services/solid/service";
+import { appShape } from "@/services/app/shape";
 
 
 //* Main

vitest.config.js

@@ -18,6 +18,11 @@ import { defineConfig } from "vitest/config";
 
 //* Main
 export default defineConfig({
+    resolve: {
+        alias: {
+            "@": "/src",
+        },
+    },
     test: {
         globals: true,
         environment: "jsdom",