Revert "feat: update TODO and enhance design token integration"

This reverts commit aa348a0f82.

src/components/ui/ColoredCard.tsx

@@ -1,57 +0,0 @@
-/**
- * Composant de carte colorée utilisant les design tokens
- */
-
-import { ReactNode } from 'react';
-import { useDesignTokens } from '@/hooks/useDesignTokens';
-
-interface ColoredCardProps {
-  color: 'primary' | 'purple' | 'yellow' | 'green' | 'blue' | 'gray';
-  children: ReactNode;
-  className?: string;
-  hover?: boolean;
-}
-
-export function ColoredCard({ color, children, className = '', hover = true }: ColoredCardProps) {
-  const { styles } = useDesignTokens();
-  
-  const getStyle = () => {
-    switch (color) {
-      case 'primary':
-        return styles.primaryCard;
-      case 'purple':
-        return styles.purpleCard;
-      case 'yellow':
-        return styles.yellowCard;
-      case 'green':
-        return {
-          color: 'var(--green)',
-          backgroundColor: 'color-mix(in srgb, var(--green) 10%, transparent)',
-          borderColor: 'color-mix(in srgb, var(--green) 20%, var(--border))',
-        };
-      case 'blue':
-        return {
-          color: 'var(--blue)',
-          backgroundColor: 'color-mix(in srgb, var(--blue) 10%, transparent)',
-          borderColor: 'color-mix(in srgb, var(--blue) 20%, var(--border))',
-        };
-      case 'gray':
-        return {
-          color: 'var(--muted-foreground)',
-          backgroundColor: 'color-mix(in srgb, var(--muted) 10%, transparent)',
-          borderColor: 'color-mix(in srgb, var(--muted) 20%, var(--border))',
-        };
-      default:
-        return styles.primaryCard;
-    }
-  };
-  
-  return (
-    <div 
-      className={`p-4 rounded-lg border transition-all ${hover ? 'hover:shadow-sm hover:scale-[1.01]' : ''} ${className}`}
-      style={getStyle()}
-    >
-      {children}
-    </div>
-  );
-}

src/components/ui/StatusMessage.tsx

@@ -1,58 +0,0 @@
-/**
- * Composant pour afficher des messages d'état avec les design tokens
- */
-
-import { ReactNode } from 'react';
-import { useDesignTokens } from '@/hooks/useDesignTokens';
-
-interface StatusMessageProps {
-  type: 'success' | 'error' | 'warning' | 'info';
-  children: ReactNode;
-  className?: string;
-}
-
-export function StatusMessage({ type, children, className = '' }: StatusMessageProps) {
-  const { styles } = useDesignTokens();
-  
-  const getStyle = () => {
-    switch (type) {
-      case 'success':
-        return styles.successMessage;
-      case 'error':
-        return styles.errorMessage;
-      case 'warning':
-        return styles.warningMessage;
-      case 'info':
-        return styles.primaryCard;
-      default:
-        return styles.primaryCard;
-    }
-  };
-  
-  const getIcon = () => {
-    switch (type) {
-      case 'success':
-        return '✅';
-      case 'error':
-        return '❌';
-      case 'warning':
-        return '⚠️';
-      case 'info':
-        return 'ℹ️';
-      default:
-        return 'ℹ️';
-    }
-  };
-  
-  return (
-    <div 
-      className={`p-3 rounded border ${className}`}
-      style={getStyle()}
-    >
-      <div className="flex items-center gap-2">
-        <span>{getIcon()}</span>
-        <span>{children}</span>
-      </div>
-    </div>
-  );
-}