fix: improve OwnerDashboard with input validation, loading states and UX fixes

owner-portal/.env.example

@@ -0,0 +1,6 @@
+# Privy Authentication
+# Get your App ID from https://console.privy.io
+VITE_PRIVY_APP_ID=your-privy-app-id-here
+
+# Backend URL
+VITE_BACKEND_URL=http://localhost:5000

owner-portal/README.md

@@ -0,0 +1,38 @@
+# LensMint Owner Portal
+
+Web dashboard for LensMint camera owners to manage 
+their device, NFTs, and wallet.
+
+## Tech Stack
+- React + Vite
+- Privy (wallet authentication)
+- Wagmi + Viem (blockchain interaction)
+- TanStack Query
+
+## Prerequisites
+- Node.js v18+
+- A Privy account → https://console.privy.io
+
+## Setup
+
+### 1. Install dependencies
+\```bash
+npm install --legacy-peer-deps
+\```
+
+### 2. Configure environment
+\```bash
+cp .env.example .env
+\```
+Edit `.env` and add your Privy App ID from https://console.privy.io
+
+### 3. Start development server
+\```bash
+npm run dev
+\```
+Portal runs at http://localhost:3000
+
+## Known Issues
+- Use `--legacy-peer-deps` flag during install due to peer 
+  dependency conflicts between @privy-io packages
+- Disable Solana in Privy console if you see Solana connector warnings

owner-portal/src/App.jsx

@@ -1,39 +1,43 @@
 import { PrivyProvider } from '@privy-io/react-auth'
-import { createPrivyWagmiConfig } from '@privy-io/wagmi'
-import { WagmiProvider } from 'wagmi'
+import { createConfig, WagmiProvider } from '@privy-io/wagmi'
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
-import { sepolia } from 'wagmi/chains'
+import { http } from 'viem'
+import { sepolia } from 'viem/chains'
 import OwnerDashboard from './components/OwnerDashboard'
 
 const PRIVY_APP_ID = import.meta.env.VITE_PRIVY_APP_ID || 'your-privy-app-id'
+
 const queryClient = new QueryClient()
-const wagmiConfig = createPrivyWagmiConfig({
+
+const wagmiConfig = createConfig({
   chains: [sepolia],
+  transports: {
+    [sepolia.id]: http(),
+  },
 })
 
 function App() {
   return (
-    <PrivyProvider
-      appId={PRIVY_APP_ID}
-      config={{
-        loginMethods: ['wallet', 'email', 'sms'],
-        appearance: {
-          theme: 'light',
-          accentColor: '#667eea',
-        },
-        embeddedWallets: {
-          createOnLogin: 'users-without-wallets',
-        },
-      }}
-    >
-      <WagmiProvider config={wagmiConfig}>
-        <QueryClientProvider client={queryClient}>
+    <QueryClientProvider client={queryClient}>
+      <PrivyProvider
+        appId={PRIVY_APP_ID}
+        config={{
+          loginMethods: ['wallet', 'email'],
+          appearance: {
+            theme: 'light',
+            accentColor: '#667eea',
+          },
+          embeddedWallets: {
+            createOnLogin: 'users-without-wallets',
+          },
+        }}
+      >
+        <WagmiProvider config={wagmiConfig}>
           <OwnerDashboard />
-        </QueryClientProvider>
-      </WagmiProvider>
-    </PrivyProvider>
+        </WagmiProvider>
+      </PrivyProvider>
+    </QueryClientProvider>
   )
 }
 
-export default App
-
+export default App