Phase 1 fixes

frontend/src/components/common/SuspenseLoader.tsx

@@ -0,0 +1,16 @@
+/**
+ * Suspense Loader - Standalone loading component for React Suspense fallback
+ * No context dependencies - can be used anywhere
+ */
+import React from 'react';
+
+const SuspenseLoader: React.FC = () => {
+  return (
+    <div className="flex flex-col items-center justify-center min-h-screen gap-4">
+      <div className="h-10 w-10 border-4 border-gray-200 border-t-brand-500 rounded-full animate-spin" />
+      <p className="text-gray-600 dark:text-gray-400 text-sm">Loading page...</p>
+    </div>
+  );
+};
+
+export default SuspenseLoader;