machine-item: adds border to thumb

pkgs/webview-ui/app/src/components/machine-list-item/css/index.css

@@ -16,12 +16,11 @@
 }
 
 .machine-item__thumb {
-  @apply rounded-md bg-secondary-100;
+  @apply rounded-md bg-secondary-100 border border-secondary-200;
 
   position: relative;
   z-index: 20;
   overflow: hidden;
-  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
 
   transition: transform 0.24s ease-in-out;
 }

pkgs/webview-ui/app/src/helper.ts

@@ -0,0 +1,21 @@
+// renderRoutes.ts
+import { Route } from "@solidjs/router";
+import type { JSXElement } from "solid-js";
+
+export type AppRoute = {
+  path: string;
+  component?: () => JSXElement;
+  children?: AppRoute[];
+};
+
+export function renderRoutes(routes: AppRoute[], parentPath = ""): JSXElement[] {
+  return routes.map(({ path, component, children }) => {
+    const fullPath = `${parentPath}/${path}`.replace(/\/+/g, "/");
+
+    return (
+        <Route path={path} component={component} key={fullPath}>
+  {children && renderRoutes(children, fullPath)}
+</Route>
+    );
+  });
+}

pkgs/webview-ui/app/vite.config.ts

@@ -30,6 +30,9 @@ export default defineConfig({
       "@": path.resolve(__dirname, "./"), // Adjust the path as needed
     },
   },
+  optimizeDeps: {
+    include: ["debug", "extend"],
+  },
   plugins: [
     /*
     Uncomment the following line to enable solid-devtools.