update build#01

packages/nextjs/app/(app)/account/page.client.tsx

@@ -1,16 +1,17 @@
+/* eslint-disable prettier/prettier */
 "use client";
-
+import { useState } from "react";
 import { Address } from "viem";
 import { useAccount, useDisconnect } from "wagmi";
 import { Balance } from "~~/components/scaffold-eth";
 import { AddressQRCodeModal } from "~~/components/scaffold-eth/RainbowKitCustomConnectButton/AddressQRCodeModal";
-// import { AddressInput } from "~~/components/scaffold-eth";
+import { AddressInput } from "~~/components/scaffold-eth";
 // import { Address } from "~~/components/scaffold-eth";
 
 export const AccountPageClient: React.FC = () => {
   const { address: connectedAddress } = useAccount();
   const { disconnect } = useDisconnect();
-  // onst [address, setAddress] = useState("");
+  const [address, setAddress] = useState("");
 
   return (
     <div>

packages/nextjs/app/blockexplorer/address/[address]/page.tsx

@@ -1,4 +1,3 @@
-
 import fs from "fs";
 import path from "path";
 import { hardhat } from "viem/chains";
@@ -92,4 +91,4 @@ const AddressPage = async ({ params }: PageProps) => {
   return <AddressComponent address={address} contractData={contractData} />;
 };
 
-export default AddressPage;
+export default AddressPage;

packages/nextjs/components/dashboard/ClaimRoleCard.tsx

@@ -7,13 +7,13 @@ const roles = [
   { label: "Miner", role: "MINER" },
   { label: "Transporter", role: "TRANSPORTER" },
   { label: "Auditor", role: "AUDITOR" },
-  { label: "Inspector", role: "Inspector" },
+  { label: "Inspector", role: "INSPECTOR" },
 ];
 
 export const ClaimRoleCard: React.FC = () => {
   return (
     <div className="flex flex-col max-w-72 gap-4 bg-neutral-100 px-6 py-4 rounded-xl shadow">
-      <p className="text-2xl text-center text-neutral-800">Congluations!</p>
+      <p className="text-2xl text-center text-neutral-800">Congratulations!</p>
       <p className="text-center text-neutral-500">
         Claim a role that will be used to identify you in Stoneproof platform.
       </p>
@@ -23,7 +23,9 @@ export const ClaimRoleCard: React.FC = () => {
         </SelectTrigger>
         <SelectContent className="bg-white">
           {roles.map(role => (
-            <SelectItem value={role.role}>{role.label}</SelectItem>
+            <SelectItem key={role.role} value={role.role}>
+              {role.label}
+            </SelectItem>
           ))}
         </SelectContent>
       </Select>