feat(dotnet): added in wrapper so we could run in iis for ssl :D

frontend/src/components/layout/side-components/header.tsx

@@ -1,5 +1,10 @@
-import {Link} from "@tanstack/react-router";
-import {SidebarHeader, SidebarMenu, SidebarMenuButton, SidebarMenuItem} from "../../ui/sidebar";
+import { Link } from "@tanstack/react-router";
+import {
+    SidebarHeader,
+    SidebarMenu,
+    SidebarMenuButton,
+    SidebarMenuItem,
+} from "../../ui/sidebar";
 
 export function Header() {
     return (
@@ -9,10 +14,16 @@ export function Header() {
                     <Link to="/">
                         <SidebarMenuButton size="lg" asChild>
                             <div className="flex flex-row">
-                                <img src="/imgs/dkLst.png" alt="Description" className="size-8" />
+                                <img
+                                    src={"imgs/dkLst.png"}
+                                    alt="Description"
+                                    className="size-8"
+                                />
 
                                 <div className="flex flex-col gap-0.5 leading-none">
-                                    <span className="font-semibold">Logistics Support Tool</span>
+                                    <span className="font-semibold">
+                                        Logistics Support Tool
+                                    </span>
                                     <span className="">v2.0.0</span>
                                 </div>
                             </div>

frontend/src/main.tsx

@@ -1,16 +1,19 @@
 import React from "react";
 import ReactDOM from "react-dom/client";
 import "./styles.css";
-import {RouterProvider, createRouter} from "@tanstack/react-router";
+import { RouterProvider, createRouter } from "@tanstack/react-router";
 
 // Import the generated route tree
-import {routeTree} from "./routeTree.gen";
-import {QueryClient, QueryClientProvider} from "@tanstack/react-query";
+import { routeTree } from "./routeTree.gen";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 
 // Create a client
 const queryClient = new QueryClient();
 // Create a new router instance
-const router = createRouter({routeTree});
+const router = createRouter({
+    routeTree,
+    //basepath: import.meta.env.BASE_URL, // This is the key part!
+});
 
 // Register the router instance for type safety
 declare module "@tanstack/react-router" {

frontend/vite.config.ts

@@ -17,6 +17,7 @@ export default defineConfig({
         tailwindcss(),
         TanStackRouterVite({ target: "react", autoCodeSplitting: true }),
     ],
+    // base: "/lst", // this is whats showing in the ssl version and we need this to work on both versions that also have a port on them.
     resolve: {
         alias: {
             "@": path.resolve(__dirname, "./src"),