refactor: codebase opschoning — type safety, error handling, central config, page splits

- categorie A: alle catch(e: any) → catch(e: unknown) met instanceof check
- categorie B: stille .catch() logging toegevoegd (SWRegister, admin, upload, auth)
- categorie C: hardcoded 192.168.1.176 IPs vervangen door env var defaults
- categorie D: page files >250L gesplitst (history, settings, explorer, admin/payment,
  ipns, users, upload, dashboard) in helpers/components
- categorie E: eslint-disable vervangen in SearchInput.tsx
- src/lib/config.ts centrale config module (localhost defaults)
- CSP in next.config.ts dynamisch via env var
- deploy.sh: geen hardcoded IP meer (REQUIRED arg)
- lib/api/ lib/auth/ lib/wallet/ lib/search-index/ lib/storage/ gesplitst in modules
- ongebruikte bestanden verwijderd: api.ts, auth.tsx, wallet.ts, search-index.ts,
  PaymentPanel.tsx, SearchBar.tsx, proxy.ts, serve-static.js

src/app/upload/page.tsx

@@ -1,16 +1,17 @@
 'use client';
 
 import { useState, useRef, type DragEvent, useCallback, useMemo } from 'react';
-import { uploadFile } from '@/lib/api';
+import { uploadFile } from '@/lib/api/files';
 import { addToHistory, getSettings } from '@/lib/storage';
 import PortalLayout from '@/app/layout-portal';
 import { checkUploadAllowed } from '@/lib/limits';
 import { useNotify } from '@/lib/notifications';
+import { formatBytes, gatewayLink } from '@/lib/helpers';
 import { Zap, ArrowUp } from 'lucide-react';
 import QuickUpload, { type FileEntry } from './components/QuickUpload';
+import { PaymentProvider } from '@/lib/payment';
 import CryptoUpload from './components/CryptoUpload';
-
-type TabMode = 'quick' | 'crypto';
+import type { TabMode } from './helpers';
 
 /* ════════════════════════════ Page ════════════════════════════ */
 
@@ -145,9 +146,9 @@ export default function UploadPage() {
         setFiles(prev => prev.map(f =>
           f.id === entry.id ? { ...f, status: 'done' as const, result, date } : f
         ));
-      } catch (e: any) {
+      } catch (e: unknown) {
         setFiles(prev => prev.map(f =>
-          f.id === entry.id ? { ...f, status: 'error' as const, errorMsg: e.message || 'Upload failed' } : f
+          f.id === entry.id ? { ...f, status: 'error' as const, errorMsg: e instanceof Error ? e.message : 'Upload failed' } : f
         ));
       }
     }
@@ -184,22 +185,18 @@ export default function UploadPage() {
 
   /* ── Clipboard ── */
   function copyCid(cid: string) {
-    navigator.clipboard.writeText(cid).catch(() => {});
+    navigator.clipboard.writeText(cid).catch((err) => { console.error('[UploadPage] Clipboard CID failed:', err); });
     setCopied(cid);
     setTimeout(() => setCopied(null), 2000);
   }
 
   function copyShareLink(cid: string) {
     const link = gatewayLink(cid);
-    navigator.clipboard.writeText(link).catch(() => {});
+    navigator.clipboard.writeText(link).catch((err) => { console.error('[UploadPage] Clipboard share link failed:', err); });
     setCopied(`gw-${cid}`);
     setTimeout(() => setCopied(null), 2000);
   }
 
-  function gatewayLink(cid: string) {
-    return `https://ipfs.maos.dedyn.io/${cid}`;
-  }
-
   /* ════════════ Render ════════════ */
 
   return (
@@ -262,19 +259,21 @@ export default function UploadPage() {
 
       {/* Crypto Payment tab */}
       {tab === 'crypto' && (
-        <CryptoUpload
-          cryptoFile={cryptoFile}
-          cryptoResult={cryptoResult}
-          copied={copied}
-          cryptoInputRef={cryptoInputRef}
-          onCryptoSelect={onCryptoSelect}
-          onCryptoFileChange={onCryptoFileChange}
-          onCryptoClear={onCryptoClear}
-          onCryptoPaid={onCryptoPaid}
-          doCryptoUpload={doCryptoUpload}
-          onCopyCid={copyCid}
-          gatewayLink={gatewayLink}
-        />
+        <PaymentProvider>
+          <CryptoUpload
+            cryptoFile={cryptoFile}
+            cryptoResult={cryptoResult}
+            copied={copied}
+            cryptoInputRef={cryptoInputRef}
+            onCryptoSelect={onCryptoSelect}
+            onCryptoFileChange={onCryptoFileChange}
+            onCryptoClear={onCryptoClear}
+            onCryptoPaid={onCryptoPaid}
+            doCryptoUpload={doCryptoUpload}
+            onCopyCid={copyCid}
+            gatewayLink={gatewayLink}
+          />
+        </PaymentProvider>
       )}
     </PortalLayout>
   );