feat: enhance EditCheckboxModal with new UI components

- Replaced task status and tags display with `StatusBadge` and `TagDisplay` for improved visual clarity.
- Updated task search input to use `SearchInput` for better user experience.
- Refactored task display sections to utilize `Card` component for consistent styling.

src/components/ui/StatusBadge.tsx

@@ -0,0 +1,20 @@
+'use client';
+
+import { TaskStatus } from '@/lib/types';
+import { getStatusConfig, getStatusBadgeClasses } from '@/lib/status-config';
+
+interface StatusBadgeProps {
+  status: TaskStatus;
+  className?: string;
+}
+
+export function StatusBadge({ status, className = '' }: StatusBadgeProps) {
+  const config = getStatusConfig(status);
+  const badgeClasses = getStatusBadgeClasses(status);
+  
+  return (
+    <span className={`text-xs px-2 py-0.5 rounded font-medium border ${badgeClasses} ${className}`}>
+      {config.icon} {config.label}
+    </span>
+  );
+}

src/components/ui/index.ts

@@ -25,6 +25,7 @@ export { DropZone } from './DropZone';
 // Composants Weekly Manager
 export { Tabs } from './Tabs';
 export { PriorityBadge } from './PriorityBadge';
+export { StatusBadge } from './StatusBadge';
 export { AchievementCard } from './AchievementCard';
 export { ChallengeCard } from './ChallengeCard';