fix(frontend): use proper link tag for Cargo.toml instead of script tag to prevent syntax error

frontend/Trunk.toml

@@ -7,6 +7,11 @@ stage = "build"
 command = "sh"
 command_arguments = ["-c", "npx @tailwindcss/cli -i input.css -o public/tailwind.css"]
 
+[[hooks]]
+stage = "post_build"
+command = "sh"
+command_arguments = ["-c", "sed -i '' -e 's/<link rel=\"modulepreload\"[^>]*>//g' -e 's/<link rel=\"preload\"[^>]*>//g' \"$TRUNK_STAGING_DIR/index.html\" || sed -i -e 's/<link rel=\"modulepreload\"[^>]*>//g' -e 's/<link rel=\"preload\"[^>]*>//g' \"$TRUNK_STAGING_DIR/index.html\""]
+
 [build]
 target = "index.html"
 dist = "dist"

frontend/index.html

@@ -20,7 +20,7 @@
     <link rel="apple-touch-icon" sizes="512x512" href="icon-512.png" />
 
     <!-- Trunk Assets -->
-    <script data-trunk rel="rust" src="Cargo.toml" data-wasm-opt="0" data-preload="false"></script>
+    <link data-trunk rel="rust" href="Cargo.toml" data-wasm-opt="0" />
     <link data-trunk rel="css" href="public/tailwind.css" />
     <link data-trunk rel="copy-file" href="manifest.json" />
     <link data-trunk rel="copy-file" href="icon-192.png" />

frontend/src/components/ui/scroll_area.rs

@@ -2,12 +2,7 @@ use leptos::prelude::*;
 use leptos_ui::void;
 use tw_merge::*;
 
-mod components {
+// Removed unused fake components
-    use super::*;
-    void! {ScrollAreaThumb, div, "bg-border relative flex-1 rounded-full"}
-    void! {ScrollAreaCorner, div, "bg-border"}
-}
-pub use components::*;
 
 /* ========================================================== */
 /* ✨ COMPONENTS ✨ */
@@ -18,9 +13,7 @@ pub fn ScrollArea(children: Children, #[prop(into, optional)] class: String) ->
     let merged_class = tw_merge!("relative overflow-hidden", class);
     view! {
         <div data-name="ScrollArea" class=merged_class>
-            <ScrollAreaViewport>{children()}</ScrollAreaViewport>
+            <ScrollAreaViewport class="pr-3 pb-3 [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar]:h-1.5 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:bg-border/60 [&::-webkit-scrollbar-thumb]:rounded-full hover:[&::-webkit-scrollbar-thumb]:bg-border/80">{children()}</ScrollAreaViewport>
-            <ScrollBar />
-            <ScrollAreaCorner />
         </div>
     }
 }
@@ -42,29 +35,7 @@ pub fn ScrollAreaViewport(children: Children, #[prop(into, optional)] class: Str
 /* 🧬 ENUMS 🧬 */
 /* ========================================================== */
 
-#[derive(Clone, Copy, Default)]
+// Real scrollbars are now utilized in the viewport directly.
-pub enum ScrollBarOrientation {
-    #[default]
-    Vertical,
-    Horizontal,
-}
-
-#[component]
-pub fn ScrollBar(
-    #[prop(default = ScrollBarOrientation::default())] orientation: ScrollBarOrientation,
-    #[prop(into, optional)] class: String,
-) -> impl IntoView {
-    let orientation_class = match orientation {
-        ScrollBarOrientation::Vertical => "h-full w-2.5 border-l border-l-transparent",
-        ScrollBarOrientation::Horizontal => "h-2.5 flex-col border-t border-t-transparent",
-    };
-    let merged_class = tw_merge!("flex touch-none p-px transition-colors select-none", orientation_class, class);
-    view! {
-        <div data-name="ScrollBar" class=merged_class>
-            <ScrollAreaThumb />
-        </div>
-    }
-}
 
 /* ========================================================== */
 /* 🧬 STRUCT 🧬 */