feat: replace SVGs with lucide-react icons across components

- Updated ProfilePage, AuthButton, RecentTasks, WelcomeSection, DesktopControls, MobileControls, and various Kanban components to use lucide-react icons instead of SVGs for improved consistency and maintainability.
- Icons replaced include Check, User, Mail, Calendar, Shield, Save, X, Loader2, Filter, Target, List, Grid3X3, ChevronDown, ChevronRight, Edit, Trash2, and Plus.

src/components/settings/index/SettingsNavigation.tsx

@@ -2,6 +2,7 @@
 
 import { Card, CardContent } from '@/components/ui/Card';
 import Link from 'next/link';
+import { ChevronRight } from 'lucide-react';
 
 interface SettingsPage {
   href: string;
@@ -50,14 +51,7 @@ export function SettingsNavigation({ settingsPages }: SettingsNavigationProps) {
                       </div>
                     </div>
                   </div>
-                  <svg 
-                    className="w-5 h-5 text-[var(--muted-foreground)]" 
-                    fill="none" 
-                    stroke="currentColor" 
-                    viewBox="0 0 24 24"
-                  >
-                    <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 5l7 7-7 7" />
-                  </svg>
+                  <ChevronRight className="w-5 h-5 text-[var(--muted-foreground)]" />
                 </div>
               </CardContent>
             </Card>