Add new Frontend

frontend/src/components/ui/LoadingSpinner.tsx

@@ -0,0 +1,27 @@
+// src/components/ui/LoadingSpinner.tsx
+import React from 'react';
+import { Loader2 } from 'lucide-react';
+
+interface LoadingSpinnerProps {
+  size?: 'sm' | 'md' | 'lg';
+  className?: string;
+}
+
+const LoadingSpinner: React.FC<LoadingSpinnerProps> = ({ 
+  size = 'md', 
+  className = '' 
+}) => {
+  const sizeClasses = {
+    sm: 'h-4 w-4',
+    md: 'h-6 w-6',
+    lg: 'h-8 w-8'
+  };
+
+  return (
+    <Loader2 
+      className={`animate-spin text-primary-500 ${sizeClasses[size]} ${className}`} 
+    />
+  );
+};
+
+export default LoadingSpinner;