fix(ui): update dashboard text and replace icon with logo

- Change "My Dashboards" to "My Dashboard" in navigation and header
- Replace lucide dashboard icon with custom dashboard logo image
- Update logo image path to /my-dashboard-logo.png
- Adjust spacing and layout for new logo and text changes

Author: EndyKaufman

demo/index.html

@@ -1062,7 +1062,7 @@ <h1 class="text-4xl font-extrabold text-gray-800 mb-4">Start without registratio
             <nav class="flex flex-col space-y-4 w-full">
                 <a href="#" class="flex items-center p-3 rounded-xl bg-pastel-blue/10 text-pastel-blue font-semibold transition-all duration-300 hover:bg-pastel-blue/20">
                     <i data-lucide="grid-3x3" class="w-6 h-6 mr-0 lg:mr-3"></i>
-                    <span class="hidden lg:inline">My Dashboards</span>
+                    <span class="hidden lg:inline">My Dashboard</span>
                 </a>
 
                 <a href="#" class="flex items-center p-3 rounded-xl text-gray-600 font-medium transition-all duration-300 hover:bg-gray-100 hover:text-gray-800" onclick="showView('seo-page')">
@@ -1086,7 +1086,7 @@ <h1 class="text-4xl font-extrabold text-gray-800 mb-4">Start without registratio
         </div>
 
         <div class="flex-1 p-6 lg:p-10 overflow-y-auto">
-            <h1 class="text-4xl font-extrabold text-gray-800 mb-2">My Dashboards</h1>
+            <h1 class="text-4xl font-extrabold text-gray-800 mb-2">My Dashboard</h1>
             <p class="text-xl text-gray-500 mb-8">Manage all your projects in one place.</p>
 
             <button class="flex items-center text-lg font-bold py-3 px-6 rounded-xl text-white bg-pastel-blue transition-all duration-300 transform hover:scale-[1.02] flat-btn-shadow mb-8 

web/public/my-dashboard-logo.png

@@ -60,11 +60,12 @@ export const routeMeta: RouteMeta = {
         class="w-16 lg:w-64 bg-white long-shadow p-4 flex flex-col items-center lg:items-start border-r border-gray-100 transition-all duration-300"
       >
         <a href="/" class="text-2xl font-bold text-pastel-blue mb-10 mt-2">
-          <i-lucide
-            name="layout-dashboard"
+          <img
             class="w-8 h-8 lg:mr-2 inline-block align-middle"
-          ></i-lucide>
-          <span class="mobile-hidden lg:inline align-middle">My Dashboards</span>
+            src="/my-dashboard-logo.png"
+          />
+
+          <span class="mobile-hidden lg:inline align-middle">My Dashboard</span>
         </a>
 
         <nav class="flex flex-col space-y-4 w-full">
@@ -164,4 +165,4 @@ export class AppComponent implements OnInit {
       new Error('This feature is not available yet')
     );
   }
-}
+}