change paths

frontend/app/layout.js

@@ -1,12 +1,12 @@
 'use client';
 import "./globals.css";
 import { useState } from "react";
-import { NexusAuthWrapper } from "@/app/components/NexusAuth";
+import { NexusAuthWrapper } from "@components/NexusAuth";
 import { ToastContainer, Flip } from 'react-toastify';
 import { CheckCircleIcon, InformationCircleIcon, ExclamationCircleIcon } from '@heroicons/react/20/solid';
-import Sidebar from "@/app/components/Sidebar";
+import Sidebar from "@components/Sidebar";
 
-import { ToastProvider } from "@/app/lib/ToastContext"; // Update with your file path
+import { ToastProvider } from "@/lib/ToastContext"; // Update with your file path
 
 export default function RootLayout({ children }) {
   const contentStyle = {

frontend/app/page.js

@@ -1,7 +1,7 @@
 'use client';
 
 import { useState, useEffect } from "react";
-import NexusAuthApi from "@/app/lib/Nexus_Auth_API";
+import NexusAuthApi from "@lib/Nexus_Auth_API";
 
 export default function Home() {
   const [username, setUsername] = useState(null);

frontend/app/su/[access_level]/page.js

@@ -2,8 +2,8 @@
 
 import { useState, useEffect } from 'react';
 import { useParams, useRouter } from 'next/navigation';
-import NexusAuthApi from '@/app/lib/Nexus_Auth_API';
-import { useToast } from '@/app/lib/ToastContext';
+import NexusAuthApi from '@lib/Nexus_Auth_API';
+import { useToast } from '@lib/ToastContext';
 
 export default function SuperUser() {
   const router = useRouter();

frontend/{app/components → components}/NexusAuth.js

@@ -1,9 +1,9 @@
 'use client';
 import './NexusAuth.css';
 import { useState, useEffect } from 'react';
-import NexusAuthApi from '@/app/lib/Nexus_Auth_API';
-import SplashScreen from '@/app/components/SplashScreen';
-import { useToast } from '@/app/lib/ToastContext';
+import NexusAuthApi from '@lib/Nexus_Auth_API';
+import SplashScreen from '@components/SplashScreen';
+import { useToast } from '@lib/ToastContext';
 import { CheckCircleIcon } from '@heroicons/react/20/solid';
 
 const SignupForm = ({ onSignup }) => {

frontend/{app/components → components}/Sidebar.js

@@ -1,11 +1,11 @@
 "use client";
-import { VERSION } from "@/app/lib/config";
+import { VERSION } from "@/lib/config";
 import { usePathname } from "next/navigation";
 import { Bars3Icon, UserCircleIcon, Cog6ToothIcon, QuestionMarkCircleIcon, BoltIcon } from "@heroicons/react/20/solid";
 import Link from "next/link";
 import { useEffect, useState, useRef } from "react";
 import Image from "next/image";
-import logo from "@/app/assets/logo.png";
+import logo from "@assets/logo.png";
 
 export default function Sidebar() {
   const pathname = usePathname();

frontend/{app/components → components}/SplashScreen.js

@@ -1,5 +1,5 @@
 'use client';
-import logo from "@/app/assets/logo6.png";
+import logo from "@assets/logo6.png";
 import Image from "next/image";
 import { useEffect, useState } from "react";
 

frontend/jsconfig.json

@@ -1,7 +1,10 @@
 {
   "compilerOptions": {
     "paths": {
-      "@/*": ["./*"]
+      "@/*": ["./*"],
+      "@components/*": ["./components/*"],
+      "@lib/*": ["./lib/*"],
+      "@assets/*": ["./assets/*"],
     }
   }
 }