refactor(lst): more dashboard work

frontend/src/routes/ocp/$lineID.tsx

@@ -1,17 +0,0 @@
-import {createFileRoute} from "@tanstack/react-router";
-
-export const Route = createFileRoute("/ocp/$lineID")({
-    component: RouteComponent,
-    loader: async ({params}) => {
-        await new Promise((r) => setTimeout(r, 1500));
-        //throw new Error();
-        return {lineID: params.lineID};
-    },
-    pendingComponent: () => <div className="m-auto">Loading....</div>,
-    errorComponent: () => <div className="m-auto">Error....</div>,
-});
-
-function RouteComponent() {
-    const {lineID} = Route.useLoaderData();
-    return <div>Hello "/ocp/{lineID}"!</div>;
-}

frontend/src/routes/ocp/index.tsx

@@ -2,30 +2,17 @@ import {createFileRoute, Link} from "@tanstack/react-router";
 
 export const Route = createFileRoute("/ocp/")({
     component: RouteComponent,
-    validateSearch: (search) => {
-        return {
-            q: (search.q as string) || "",
-        };
-    },
-    loaderDeps: ({search: {q}}) => ({q}),
-    loader: async ({deps: {q}}) => {
-        return {line: q};
-    },
 });
 
 function RouteComponent() {
-    const {line} = Route.useLoaderData();
-
     const lines = ["l", "2", "3"];
     return (
         <div>
-            <h2>Hello "/ocp/{line}/something"!</h2>
+            <h2>Hello "/ocp/something"!</h2>
             {lines.map((line) => {
                 return (
                     <div key={line}>
-                        <Link to="/ocp/$lineID" params={{lineID: line}}>
-                            Post
-                        </Link>
+                        <Link to="/ocp">Specific Line</Link>
                     </div>
                 );
             })}