refactor: update icon imports in profile settings

Author: bennajah

resources/js/pages/settings/profile.tsx

@@ -16,7 +16,7 @@ import SettingsLayout from '@/layouts/settings/layout';
 import { useInitials } from '@/hooks/use-initials';
 import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/components/ui/dialog';
-import { Crop as IconCrop, Trash2 } from 'lucide-react';
+import { CropIcon, Trash2Icon } from 'lucide-react';
 
 const breadcrumbs: BreadcrumbItem[] = [
     {
@@ -284,10 +284,10 @@ export default function Profile({ mustVerifyEmail, status }: { mustVerifyEmail:
 
                             <div className="flex justify-end gap-2 w-full">
                                 <Button variant="outline" onClick={cancelCrop}>
-                                    <Trash2 /> Cancel
+                                    <Trash2Icon /> Cancel
                                 </Button>
                                 <Button onClick={completeCrop}>
-                                    <IconCrop /> Crop
+                                    <CropIcon /> Crop
                                 </Button>
                             </div>
                         </div>