Update Navbar and useModularNavigation to replace 'BarChart3' icon with 'Store'

- Modify Navbar.vue to import and utilize the 'Store' icon in place of 'BarChart3' for improved visual representation.
- Update useModularNavigation.ts to change the icon for the 'Market Dashboard' from 'BarChart3' to 'Store', ensuring consistency across the application.

src/components/layout/Navbar.vue

@@ -6,7 +6,7 @@ import { useTheme } from '@/components/theme-provider'
 import { Button } from '@/components/ui/button'
 import { Badge } from '@/components/ui/badge'
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from '@/components/ui/dropdown-menu'
-import { Sun, Moon, Menu, X, User, LogOut, Ticket, Wallet, MessageSquare, Activity, ShoppingCart, BarChart3 } from 'lucide-vue-next'
+import { Sun, Moon, Menu, X, User, LogOut, Ticket, Wallet, MessageSquare, Activity, ShoppingCart, Store } from 'lucide-vue-next'
 import LanguageSwitcher from '@/components/LanguageSwitcher.vue'
 import LoginDialog from '@/components/auth/LoginDialog.vue'
 import ProfileDialog from '@/components/auth/ProfileDialog.vue'
@@ -169,7 +169,7 @@ const handleLogout = async () => {
                 :key="item.href"
                 @click="() => router.push(item.href)" 
                 class="gap-2">
-                <component :is="item.icon === 'Ticket' ? Ticket : item.icon === 'BarChart3' ? BarChart3 : Activity" class="h-4 w-4" />
+                <component :is="item.icon === 'Ticket' ? Ticket : item.icon === 'Store' ? Store : Activity" class="h-4 w-4" />
                 {{ item.name }}
               </DropdownMenuItem>
               <DropdownMenuSeparator />
@@ -255,7 +255,7 @@ const handleLogout = async () => {
                 size="sm" 
                 @click="() => router.push(item.href)"
                 class="w-full justify-start gap-2">
-                <component :is="item.icon === 'Ticket' ? Ticket : item.icon === 'BarChart3' ? BarChart3 : Activity" class="h-4 w-4" />
+                <component :is="item.icon === 'Ticket' ? Ticket : item.icon === 'Store' ? Store : Activity" class="h-4 w-4" />
                 {{ item.name }}
               </Button>
               <Button variant="ghost" size="sm" @click="showLogoutConfirm = true" class="w-full justify-start gap-2 text-destructive hover:text-destructive/90 hover:bg-destructive/10">

src/composables/useModularNavigation.ts

@@ -74,7 +74,7 @@ export function useModularNavigation() {
       items.push({ 
         name: 'Market Dashboard', 
         href: '/market-dashboard', 
-        icon: 'BarChart3',
+        icon: 'Store',
         requiresAuth: true 
       })
     }
@@ -103,4 +103,4 @@ export function useModularNavigation() {
     userMenuItems,
     isModuleAvailable
   }
-}
+}