feat: enhanced ai profiles view

- Refactored profiles view into modular components for better maintainability
- Fixed input/textarea borders showing consistently when not focused (border-input -> border-border)
- Added animated hover effects on profile cards (border color and icon animations)
- Removed redundant Create Profile button, made empty state interactive
- Added confirmation dialog for profile deletion to prevent accidental removal
- Improved dialog scrolling behavior with max-height constraints
- Added ARIA labels to profile card buttons for better accessibility
- Created reusable DeleteConfirmDialog component

apps/app/src/components/ui/textarea.tsx

@@ -7,7 +7,7 @@ function Textarea({ className, ...props }: React.ComponentProps<"textarea">) {
     <textarea
       data-slot="textarea"
       className={cn(
-        "placeholder:text-muted-foreground/60 selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input min-h-[80px] w-full min-w-0 rounded-md border bg-transparent px-3 py-2 text-base outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm resize-none",
+        "placeholder:text-muted-foreground/60 selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-border min-h-[80px] w-full min-w-0 rounded-md border bg-transparent px-3 py-2 text-base outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm resize-none",
         // Inner shadow for depth
         "shadow-[inset_0_1px_2px_rgba(0,0,0,0.05)]",
         // Animated focus ring