feat: Introduce runtime configuration for domain and enhance S3 storage settings with public base URL and Contabo support.

src/lib/contexts/ConfigContext.tsx

@@ -0,0 +1,63 @@
+import { createContext, useContext, useEffect, useState, ReactNode } from 'react';
+
+interface RuntimeConfig {
+  domain: string;
+}
+
+interface ConfigContextType {
+  config: RuntimeConfig | null;
+  isLoading: boolean;
+}
+
+const ConfigContext = createContext<ConfigContextType>({
+  config: null,
+  isLoading: true,
+});
+
+export function ConfigProvider({ children }: { children: ReactNode }) {
+  const [config, setConfig] = useState<RuntimeConfig | null>(null);
+  const [isLoading, setIsLoading] = useState(true);
+
+  useEffect(() => {
+    // Fetch runtime config on mount
+    fetch('/api/config')
+      .then((res) => res.json())
+      .then((data) => {
+        setConfig({
+          domain: data.domain || 'localhost:3000',
+        });
+      })
+      .catch(() => {
+        // Fallback to build-time value if fetch fails
+        setConfig({
+          domain: process.env.NEXT_PUBLIC_NODE_DOMAIN || 'localhost:3000',
+        });
+      })
+      .finally(() => {
+        setIsLoading(false);
+      });
+  }, []);
+
+  return (
+    <ConfigContext.Provider value={{ config, isLoading }}>
+      {children}
+    </ConfigContext.Provider>
+  );
+}
+
+export function useRuntimeConfig() {
+  const context = useContext(ConfigContext);
+  if (!context) {
+    throw new Error('useRuntimeConfig must be used within a ConfigProvider');
+  }
+  return context;
+}
+
+export function useDomain(): string {
+  const { config, isLoading } = useRuntimeConfig();
+  // Return runtime domain if loaded, otherwise fall back to build-time value
+  if (isLoading || !config) {
+    return process.env.NEXT_PUBLIC_NODE_DOMAIN || 'localhost:3000';
+  }
+  return config.domain;
+}