Enhance dashboard components with new icons, layout adjustments, and improved file display

src/components/dashboard/TitleBar.tsx

@@ -1,4 +1,4 @@
-import { component$ } from "@builder.io/qwik";
+import { component$, useTask$ } from "@builder.io/qwik";
 import { useNanostore$ } from "~/hooks/nanostores";
 import { userInfo } from "~/lib/stores";
 import { StereoUser } from "~/lib/types";
@@ -26,9 +26,13 @@ export default component$(() => {
     const user = useNanostore$<StereoUser>(userInfo);
 
     const splits = greeting.split("|");
+
+    useTask$(({ track }) => {
+        track(() => user.value);
+    })
     
     return (
-        <div class="py-4 rounded-lg">
+        <div class="rounded-lg">
             <p class="font-medium text-4xl text-stereo/45">
                 {splits[0]}
                 <span class="text-stereo">