extract components from website

apps/website/components/shared/LoadingState.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+
+interface LoadingStateProps {
+  message?: string;
+  className?: string;
+}
+
+export const LoadingState = ({ message = 'Loading...', className = '' }: LoadingStateProps) => (
+  <div className={`flex items-center justify-center min-h-[200px] ${className}`}>
+    <div className="flex flex-col items-center gap-4">
+      <div className="w-10 h-10 border-2 border-primary-blue border-t-transparent rounded-full animate-spin" />
+      <p className="text-gray-400">{message}</p>
+    </div>
+  </div>
+);