diff --git a/apps/dashboard/src/@/api/team.ts b/apps/dashboard/src/@/api/team.ts
index 6569df0fa2c..5baa85542e4 100644
--- a/apps/dashboard/src/@/api/team.ts
+++ b/apps/dashboard/src/@/api/team.ts
@@ -64,7 +64,7 @@ export async function getTeams() {
   return null;
 }
 
-type TeamNebulWaitList = {
+type TeamNebulaWaitList = {
   onWaitlist: boolean;
   createdAt: null | string;
 };
@@ -86,7 +86,7 @@ export async function getTeamNebulaWaitList(teamSlug: string) {
   );
 
   if (res.ok) {
-    return (await res.json()).result as TeamNebulWaitList;
+    return (await res.json()).result as TeamNebulaWaitList;
   }
 
   return null;
diff --git a/apps/dashboard/src/@/components/ui/button.stories.tsx b/apps/dashboard/src/@/components/ui/button.stories.tsx
index 1bd5675e2e7..6b23ebffa6d 100644
--- a/apps/dashboard/src/@/components/ui/button.stories.tsx
+++ b/apps/dashboard/src/@/components/ui/button.stories.tsx
@@ -20,7 +20,7 @@ export const AllVariants: Story = {
 
 function Component() {
   return (
-    <div className="flex min-h-screen flex-col gap-6 bg-background p-6 text-foregroun">
+    <div className="flex min-h-screen flex-col gap-6 bg-background p-6 text-foreground">
       <Variants size="default" />
       <Variants size="sm" />
       <Variants size="icon" />
@@ -58,7 +58,7 @@ function Variants(props: {
           {props.size === "icon" ? (
             <StarIcon className="size-4" />
           ) : (
-            "Desctructive"
+            "Destructive"
           )}
         </Button>
       </div>
diff --git a/apps/dashboard/src/@/components/ui/button.tsx b/apps/dashboard/src/@/components/ui/button.tsx
index d533e1b22ba..f2d72c6c9b8 100644
--- a/apps/dashboard/src/@/components/ui/button.tsx
+++ b/apps/dashboard/src/@/components/ui/button.tsx
@@ -15,7 +15,7 @@ const buttonVariants = cva(
         destructive:
           "bg-destructive hover:bg-destructive/90 text-semibold text-destructive-foreground ",
         outline:
-          "border border-input bg-transaprent hover:bg-accent hover:text-accent-foreground text-semibold",
+          "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground text-semibold",
         secondary:
           "bg-secondary hover:bg-secondary/80 text-semibold text-secondary-foreground ",
         ghost: "hover:bg-accent text-semibold hover:text-accent-foreground",
diff --git a/apps/dashboard/src/@/components/ui/select.stories.tsx b/apps/dashboard/src/@/components/ui/select.stories.tsx
index f8951fa19d9..957c3586df9 100644
--- a/apps/dashboard/src/@/components/ui/select.stories.tsx
+++ b/apps/dashboard/src/@/components/ui/select.stories.tsx
@@ -31,7 +31,7 @@ function randomName() {
 
 function Component() {
   return (
-    <div className="flex min-h-screen flex-col gap-10 bg-background p-6 text-foregroun">
+    <div className="flex min-h-screen flex-col gap-10 bg-background p-6 text-foreground">
       <BadgeContainer label="5 items, no placeholder, no label, value filled">
         <SelectDemo listItems={5} selectFirst />
       </BadgeContainer>
diff --git a/apps/dashboard/src/@/constants/thirdweb.client.ts b/apps/dashboard/src/@/constants/thirdweb.client.ts
index 3f1639657d6..60e982e2159 100644
--- a/apps/dashboard/src/@/constants/thirdweb.client.ts
+++ b/apps/dashboard/src/@/constants/thirdweb.client.ts
@@ -32,7 +32,7 @@ export function useThirdwebClient(jwt?: string) {
   });
 
   return useMemo(
-    // prfer jwt from props over the one from the token query if it exists
+    // prefer jwt from props over the one from the token query if it exists
     () => getThirdwebClient(jwt || query.data),
     [jwt, query.data],
   );
diff --git a/apps/dashboard/src/@/lib/DashboardRouter.tsx b/apps/dashboard/src/@/lib/DashboardRouter.tsx
index 531de6dd3fd..ac1fc432666 100644
--- a/apps/dashboard/src/@/lib/DashboardRouter.tsx
+++ b/apps/dashboard/src/@/lib/DashboardRouter.tsx
@@ -100,7 +100,7 @@ function DashboardRouterTopProgressBarInner() {
     }
 
     async function startEffect() {
-      // if the loading state remains for atleast 500ms start the progress bar
+      // if the loading state remains for at least 500ms start the progress bar
       await wait(500);
       if (isMounted) {
         updateProgressBar(0, 100);
diff --git a/apps/dashboard/src/@/styles/globals.css b/apps/dashboard/src/@/styles/globals.css
index 45302ce3ef9..d966cd7bccc 100644
--- a/apps/dashboard/src/@/styles/globals.css
+++ b/apps/dashboard/src/@/styles/globals.css
@@ -143,7 +143,7 @@ body {
   min-height: 100%;
 }
 
-/* Fix colors on autofilled inputs  */
+/* Fix colors on auto-filled inputs  */
 input:-webkit-autofill,
 input:-webkit-autofill:hover,
 input:-webkit-autofill:focus,
diff --git a/apps/dashboard/src/@3rdweb-sdk/react/hooks/useActivity.ts b/apps/dashboard/src/@3rdweb-sdk/react/hooks/useActivity.ts
index 5985f820340..13b04fe4570 100644
--- a/apps/dashboard/src/@3rdweb-sdk/react/hooks/useActivity.ts
+++ b/apps/dashboard/src/@3rdweb-sdk/react/hooks/useActivity.ts
@@ -22,7 +22,7 @@ export interface InternalTransaction {
 export function useActivity(contract: ThirdwebContract, autoUpdate?: boolean) {
   const abiQuery = useResolveContractAbi(contract);
 
-  // Get all the PreprareEvents from the contract abis
+  // Get all the Prepare Events from the contract abis
   const events: PreparedEvent<AbiEvent>[] = useMemo(() => {
     const eventsItems = (abiQuery.data || []).filter((o) => o.type === "event");
     const eventSignatures = eventsItems.map((event) => formatAbiItem(event));
diff --git a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/(chainPage)/components/client/add-chain-to-wallet.tsx b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/(chainPage)/components/client/add-chain-to-wallet.tsx
index 8c78782e31c..d75886fd248 100644
--- a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/(chainPage)/components/client/add-chain-to-wallet.tsx
+++ b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/(chainPage)/components/client/add-chain-to-wallet.tsx
@@ -47,7 +47,7 @@ export const AddChainToWallet: React.FC<AddChainToWalletProps> = (props) => {
         className="w-full gap-2"
         variant="outline"
         onClick={() => {
-          // Connct directly to this chain
+          // Connect directly to this chain
           if (!account) {
             return customConnectModal({ chain: props.chain });
           }
diff --git a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/(chainPage)/components/server/FaucetSection.tsx b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/(chainPage)/components/server/FaucetSection.tsx
index 1e814a7d5be..3ae3cb9c187 100644
--- a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/(chainPage)/components/server/FaucetSection.tsx
+++ b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/(chainPage)/components/server/FaucetSection.tsx
@@ -12,7 +12,7 @@ export async function FaucetSection(props: {
 }) {
   const { chain, twAccount } = props;
 
-  // Check eligibilty.
+  // Check eligibility.
   const sanitizedChainName = chain.name.replace("Mainnet", "").trim();
   const amountToGive = getFaucetClaimAmount(props.chain.chainId);
 
diff --git a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/(chainPage)/layout.tsx b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/(chainPage)/layout.tsx
index 0d9b963f380..0f9ea2d37ff 100644
--- a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/(chainPage)/layout.tsx
+++ b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/(chainPage)/layout.tsx
@@ -162,7 +162,7 @@ export default async function ChainPageLayout(props: {
             {/* Gas Sponsored badge - Mobile */}
             {chainMetadata?.gasSponsored && (
               <div className="flex md:hidden">
-                <GasSponseredBadge />
+                <GasSponsoredBadge />
               </div>
             )}
 
@@ -182,7 +182,7 @@ export default async function ChainPageLayout(props: {
               {/* Gas Sponsored badge - Desktop */}
               {chainMetadata?.gasSponsored && (
                 <div className="hidden md:block">
-                  <GasSponseredBadge />
+                  <GasSponsoredBadge />
                 </div>
               )}
             </div>
@@ -221,7 +221,7 @@ export default async function ChainPageLayout(props: {
   );
 }
 
-function GasSponseredBadge() {
+function GasSponsoredBadge() {
   return (
     <div className="flex items-center gap-2 rounded-full bg-[hsla(335,57%,51%,0.2)] px-2.5 py-1 text-[hsl(334,81.12%,69.65%)]">
       <TicketCheckIcon className="size-4" />
diff --git a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/accounts/components/accounts-table.tsx b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/accounts/components/accounts-table.tsx
index 1057e113e3b..8273209efef 100644
--- a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/accounts/components/accounts-table.tsx
+++ b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/accounts/components/accounts-table.tsx
@@ -51,7 +51,7 @@ export const AccountsTable: React.FC<AccountsTableProps> = ({ contract }) => {
   const totalAccountsQuery = useReadContract(totalAccounts, { contract });
 
   // the total size should never be more than max int size (that would be hella wallets!)
-  // so converting the totalAccounts to a nunber should be safe here
+  // so converting the totalAccounts to a number should be safe here
   const totalAccountsNum = useMemo(
     () => Number(totalAccountsQuery.data || 0),
     [totalAccountsQuery.data],
diff --git a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/layout.tsx b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/layout.tsx
index b5c9c702652..97c9ee710b3 100644
--- a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/layout.tsx
+++ b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/layout.tsx
@@ -52,7 +52,7 @@ export default async function Layout(props: {
   // check if the contract exists
   const isValidContract = await isContractDeployed(contract).catch(() => false);
   if (!isValidContract) {
-    // TODO - replace 404 with a better page to upsale deploy or other thirdweb products
+    // TODO - replace 404 with a better page to upsell deploy or other thirdweb products
     notFound();
   }
   const contractPageMetadata = await getContractPageMetadata(contract);
diff --git a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/modules/components/nft/AdvancedNFTMetadataFormGroup.tsx b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/modules/components/nft/AdvancedNFTMetadataFormGroup.tsx
index 613e0937bb8..0550fa2e15d 100644
--- a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/modules/components/nft/AdvancedNFTMetadataFormGroup.tsx
+++ b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/modules/components/nft/AdvancedNFTMetadataFormGroup.tsx
@@ -82,7 +82,7 @@ export function AdvancedNFTMetadataFormGroup<
               <Input {...field} />
             </FormControl>
             <FormDescription>
-              If you already have your NFT Animation URL preuploaded, you can
+              If you already have your NFT Animation URL pre-uploaded, you can
               set the URL or URI here.
             </FormDescription>
             <FormMessage />
diff --git a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/[tokenId]/components/claim-tab.tsx b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/[tokenId]/components/claim-tab.tsx
index 35e9ce91517..6e37d7e5249 100644
--- a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/[tokenId]/components/claim-tab.tsx
+++ b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/[tokenId]/components/claim-tab.tsx
@@ -59,7 +59,7 @@ const ClaimTabERC1155: React.FC<ClaimTabProps> = ({
           if (approveTx) {
             const approvalPromise = sendAndConfirmTx.mutateAsync(approveTx);
             toast.promise(approvalPromise, {
-              success: "Approved succesfully",
+              success: "Approved successfully",
               error: "Failed to approve ERC20",
             });
             await approvalPromise;
diff --git a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/[tokenId]/components/update-metadata-form.tsx b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/[tokenId]/components/update-metadata-form.tsx
index 78a305d8823..29fa3524010 100644
--- a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/[tokenId]/components/update-metadata-form.tsx
+++ b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/[tokenId]/components/update-metadata-form.tsx
@@ -361,7 +361,7 @@ export const UpdateNftMetadata: React.FC<UpdateNftMetadataForm> = ({
               <FormLabel>Image URL</FormLabel>
               <Input max="6" {...register("customImage")} />
               <FormHelperText>
-                If you already have your NFT image preuploaded, you can set the
+                If you already have your NFT image pre-uploaded, you can set the
                 URL or URI here.
               </FormHelperText>
               <FormErrorMessage>
@@ -372,7 +372,7 @@ export const UpdateNftMetadata: React.FC<UpdateNftMetadataForm> = ({
               <FormLabel>Animation URL</FormLabel>
               <Input max="6" {...register("customAnimationUrl")} />
               <FormHelperText>
-                If you already have your NFT Animation URL preuploaded, you can
+                If you already have your NFT Animation URL pre-uploaded, you can
                 set the URL or URI here.
               </FormHelperText>
               <FormErrorMessage>
diff --git a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/components/lazy-mint-form.tsx b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/components/lazy-mint-form.tsx
index 507bd9f016d..b6d2f82cac7 100644
--- a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/components/lazy-mint-form.tsx
+++ b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/components/lazy-mint-form.tsx
@@ -294,7 +294,7 @@ export const LazyMintNftForm: React.FC<LazyMintNftFormParams> = ({
                 <FormLabel>Image URL</FormLabel>
                 <Input max="6" {...register("customImage")} />
                 <FormHelperText>
-                  If you already have your NFT image preuploaded, you can set
+                  If you already have your NFT image pre-uploaded, you can set
                   the URL or URI here.
                 </FormHelperText>
                 <FormErrorMessage>
@@ -305,7 +305,7 @@ export const LazyMintNftForm: React.FC<LazyMintNftFormParams> = ({
                 <FormLabel>Animation URL</FormLabel>
                 <Input max="6" {...register("customAnimationUrl")} />
                 <FormHelperText>
-                  If you already have your NFT Animation URL preuploaded, you
+                  If you already have your NFT Animation URL pre-uploaded, you
                   can set the URL or URI here.
                 </FormHelperText>
                 <FormErrorMessage>
diff --git a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/components/mint-form.tsx b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/components/mint-form.tsx
index d252aeba2d3..6eb3bd6f01b 100644
--- a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/components/mint-form.tsx
+++ b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/components/mint-form.tsx
@@ -317,7 +317,7 @@ export const NFTMintForm: React.FC<NFTMintForm> = ({
                 <FormLabel>Image URL</FormLabel>
                 <Input max="6" {...register("customImage")} />
                 <FormHelperText>
-                  If you already have your NFT image preuploaded, you can set
+                  If you already have your NFT image pre-uploaded, you can set
                   the URL or URI here.
                 </FormHelperText>
                 <FormErrorMessage>
@@ -328,7 +328,7 @@ export const NFTMintForm: React.FC<NFTMintForm> = ({
                 <FormLabel>Animation URL</FormLabel>
                 <Input max="6" {...register("customAnimationUrl")} />
                 <FormHelperText>
-                  If you already have your NFT Animation URL preuploaded, you
+                  If you already have your NFT Animation URL pre-uploaded, you
                   can set the URL or URI here.
                 </FormHelperText>
                 <FormErrorMessage>
diff --git a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/components/shared-metadata-form.tsx b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/components/shared-metadata-form.tsx
index b2681a97eb7..0c434351e18 100644
--- a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/components/shared-metadata-form.tsx
+++ b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/components/shared-metadata-form.tsx
@@ -247,7 +247,7 @@ export const SharedMetadataForm: React.FC<{
                 <FormLabel>Image URL</FormLabel>
                 <Input max="6" {...register("customImage")} />
                 <FormHelperText>
-                  If you already have your NFT image preuploaded, you can set
+                  If you already have your NFT image pre-uploaded, you can set
                   the URL or URI here.
                 </FormHelperText>
                 <FormErrorMessage>
@@ -258,7 +258,7 @@ export const SharedMetadataForm: React.FC<{
                 <FormLabel>Animation URL</FormLabel>
                 <Input max="6" {...register("customAnimationUrl")} />
                 <FormHelperText>
-                  If you already have your NFT Animation URL preuploaded, you
+                  If you already have your NFT Animation URL pre-uploaded, you
                   can set the URL or URI here.
                 </FormHelperText>
                 <FormErrorMessage>
diff --git a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/proposals/components/delegate-button.tsx b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/proposals/components/delegate-button.tsx
index 8df04974319..f17a45f33df 100644
--- a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/proposals/components/delegate-button.tsx
+++ b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/proposals/components/delegate-button.tsx
@@ -30,7 +30,7 @@ export const DelegateButton: React.FC<VoteButtonProps> = ({
       enabled: !!account,
     },
   });
-  const delgateMutation = useDelegateMutation();
+  const delegateMutation = useDelegateMutation();
 
   if (tokensDelegatedQuery.data || tokensDelegatedQuery.isPending) {
     return null;
@@ -44,7 +44,7 @@ export const DelegateButton: React.FC<VoteButtonProps> = ({
         transactionCount={1}
         onClick={() => {
           toast.promise(
-            delgateMutation.mutateAsync(contract, {
+            delegateMutation.mutateAsync(contract, {
               onSuccess: () => {
                 trackEvent({
                   category: "vote",
@@ -68,7 +68,7 @@ export const DelegateButton: React.FC<VoteButtonProps> = ({
             },
           );
         }}
-        isPending={delgateMutation.isPending}
+        isPending={delegateMutation.isPending}
       >
         Delegate Tokens
       </TransactionButton>
diff --git a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/sources/ContractSourcesPage.tsx b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/sources/ContractSourcesPage.tsx
index e2770c6e44e..4db8aad7ca5 100644
--- a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/sources/ContractSourcesPage.tsx
+++ b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/sources/ContractSourcesPage.tsx
@@ -72,7 +72,7 @@ interface ConnectorModalProps {
 const VerifyContractModal: React.FC<
   ConnectorModalProps & { resetSignal: number }
 > = ({ isOpen, onClose, contract, resetSignal }) => {
-  const veryifyQuery = useQuery({
+  const verifyQuery = useQuery({
     queryKey: [
       "verify-contract",
       contract.chain.id,
@@ -101,23 +101,23 @@ const VerifyContractModal: React.FC<
         <Divider mb={4} />
         <ModalBody py={4}>
           <Flex flexDir="column">
-            {veryifyQuery.isPending && (
+            {verifyQuery.isPending && (
               <Flex gap={2} align="center">
                 <Spinner color="purple.500" size="sm" />
                 <Heading size="label.md">Verifying...</Heading>
               </Flex>
             )}
-            {veryifyQuery?.error ? (
+            {verifyQuery?.error ? (
               <Flex gap={2} align="center">
                 <CircleXIcon className="size-4 text-red-600" />
                 <Heading size="label.md">
-                  {veryifyQuery?.error.toString()}
+                  {verifyQuery?.error.toString()}
                 </Heading>
               </Flex>
             ) : null}
 
-            {veryifyQuery.data?.results
-              ? veryifyQuery.data?.results.map(
+            {verifyQuery.data?.results
+              ? verifyQuery.data?.results.map(
                   (result: VerificationResult, index: number) => (
                     // biome-ignore lint/suspicious/noArrayIndexKey: FIXME
                     <Flex key={index} gap={2} align="center" mb={4}>
diff --git a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/split/ContractSplitPage.tsx b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/split/ContractSplitPage.tsx
index 3e1e8f66d11..99bb0ed76e9 100644
--- a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/split/ContractSplitPage.tsx
+++ b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/split/ContractSplitPage.tsx
@@ -110,7 +110,7 @@ export const ContractSplitPage: React.FC<SplitPageProps> = ({
         <Flex gap={4}>
           <DistributeButton
             balances={balances as Balance[]}
-            balancesisPending={
+            balancesIsPending={
               balanceQuery.isPending || nativeBalanceQuery.isPending
             }
             balancesIsError={balanceQuery.isError && nativeBalanceQuery.isError}
diff --git a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/split/components/distribute-button.tsx b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/split/components/distribute-button.tsx
index a200a0a606e..e837ea79dca 100644
--- a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/split/components/distribute-button.tsx
+++ b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/split/components/distribute-button.tsx
@@ -13,7 +13,7 @@ import type { Balance } from "../ContractSplitPage";
 interface DistributeButtonProps {
   contract: ThirdwebContract;
   balances: Balance[];
-  balancesisPending: boolean;
+  balancesIsPending: boolean;
   balancesIsError: boolean;
   twAccount: Account | undefined;
 }
@@ -21,7 +21,7 @@ interface DistributeButtonProps {
 export const DistributeButton: React.FC<DistributeButtonProps> = ({
   contract,
   balances,
-  balancesisPending,
+  balancesIsPending,
   balancesIsError,
   twAccount,
   ...restButtonProps
@@ -37,13 +37,13 @@ export const DistributeButton: React.FC<DistributeButtonProps> = ({
     ) {
       return 1;
     }
-    if (!validBalances || balancesisPending) {
+    if (!validBalances || balancesIsPending) {
       return 0;
     }
     return validBalances?.filter(
       (b) => b.display_balance !== "0.0" && b.display_balance !== "0",
     ).length;
-  }, [validBalances, balancesisPending]);
+  }, [validBalances, balancesIsPending]);
 
   const mutation = useSplitDistributeFunds(contract);
 
diff --git a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/tokens/components/transfer-button.tsx b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/tokens/components/transfer-button.tsx
index dd9f2c2b41a..ed3d3310a10 100644
--- a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/tokens/components/transfer-button.tsx
+++ b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/tokens/components/transfer-button.tsx
@@ -140,8 +140,8 @@ export const TokenTransferButton: React.FC<TokenTransferButtonProps> = ({
                 },
               });
               toast.promise(promise, {
-                loading: "Transfering tokens",
-                success: "Successfully transfered tokens",
+                loading: "Transferring tokens",
+                success: "Successfully transferred tokens",
                 error: "Failed to transfer tokens",
               });
             })}
diff --git a/apps/dashboard/src/app/(dashboard)/(chain)/chainlist/components/client/filters.tsx b/apps/dashboard/src/app/(dashboard)/(chain)/chainlist/components/client/filters.tsx
index 919e7a4567a..685671ade6f 100644
--- a/apps/dashboard/src/app/(dashboard)/(chain)/chainlist/components/client/filters.tsx
+++ b/apps/dashboard/src/app/(dashboard)/(chain)/chainlist/components/client/filters.tsx
@@ -162,7 +162,7 @@ export const ChainTypeFilter: React.FC<ChainTypeFilterProps> = ({
         </div>
         <div className="flex items-center gap-2">
           <RadioGroupItem value="mainnets" id="mainnets" />
-          <Label htmlFor="mainnest">Mainnets Only</Label>
+          <Label htmlFor="mainnets">Mainnets Only</Label>
         </div>
         <div className="flex items-center gap-2">
           <RadioGroupItem value="testnets" id="testnets" />
diff --git a/apps/dashboard/src/app/(dashboard)/(chain)/chainlist/components/client/view.tsx b/apps/dashboard/src/app/(dashboard)/(chain)/chainlist/components/client/view.tsx
index 7ee28d54227..e1f1677c01b 100644
--- a/apps/dashboard/src/app/(dashboard)/(chain)/chainlist/components/client/view.tsx
+++ b/apps/dashboard/src/app/(dashboard)/(chain)/chainlist/components/client/view.tsx
@@ -6,11 +6,11 @@ import { Grid2X2Icon, ListIcon } from "lucide-react";
 import { usePathname, useSearchParams } from "next/navigation";
 import { useCallback } from "react";
 
-type hainListViewProps = {
+type ChainListViewProps = {
   activeView: "grid" | "table";
 };
 
-export const ChainListView: React.FC<hainListViewProps> = ({ activeView }) => {
+export const ChainListView: React.FC<ChainListViewProps> = ({ activeView }) => {
   const pathname = usePathname();
   const searchParams = useSearchParams();
   const router = useDashboardRouter();
diff --git a/apps/dashboard/src/app/(dashboard)/published-contract/[publisher]/[contract_id]/[version]/page.tsx b/apps/dashboard/src/app/(dashboard)/published-contract/[publisher]/[contract_id]/[version]/page.tsx
index da711ad5814..783c15d7e65 100644
--- a/apps/dashboard/src/app/(dashboard)/published-contract/[publisher]/[contract_id]/[version]/page.tsx
+++ b/apps/dashboard/src/app/(dashboard)/published-contract/[publisher]/[contract_id]/[version]/page.tsx
@@ -76,7 +76,7 @@ export default async function PublishedContractPage(
       >
         <PublishedActions
           {...params}
-          dispayName={publishedContract.displayName || publishedContract.name}
+          displayName={publishedContract.displayName || publishedContract.name}
         />
       </DeployContractHeader>
       <Separator />
diff --git a/apps/dashboard/src/app/(dashboard)/published-contract/[publisher]/[contract_id]/page.tsx b/apps/dashboard/src/app/(dashboard)/published-contract/[publisher]/[contract_id]/page.tsx
index 5286594dd09..633acaf2568 100644
--- a/apps/dashboard/src/app/(dashboard)/published-contract/[publisher]/[contract_id]/page.tsx
+++ b/apps/dashboard/src/app/(dashboard)/published-contract/[publisher]/[contract_id]/page.tsx
@@ -45,7 +45,7 @@ export default async function PublishedContractPage(
       >
         <PublishedActions
           {...params}
-          dispayName={publishedContract.displayName || publishedContract.name}
+          displayName={publishedContract.displayName || publishedContract.name}
         />
       </DeployContractHeader>
       <Separator />
diff --git a/apps/dashboard/src/app/(dashboard)/published-contract/components/contract-actions-deploy.client.tsx b/apps/dashboard/src/app/(dashboard)/published-contract/components/contract-actions-deploy.client.tsx
index 3d073b2b031..e940cc00f0a 100644
--- a/apps/dashboard/src/app/(dashboard)/published-contract/components/contract-actions-deploy.client.tsx
+++ b/apps/dashboard/src/app/(dashboard)/published-contract/components/contract-actions-deploy.client.tsx
@@ -9,7 +9,7 @@ export function DeployActions(props: {
   publisher: string;
   contract_id: string;
   version?: string;
-  dispayName: string;
+  displayName: string;
 }) {
   const searchparams = useSearchParams();
 
@@ -30,7 +30,7 @@ export function DeployActions(props: {
         variant="outline"
         onClick={() => {
           shareLink({
-            title: `Deploy ${props.dispayName}`,
+            title: `Deploy ${props.displayName}`,
           });
         }}
       >
diff --git a/apps/dashboard/src/app/(dashboard)/published-contract/components/contract-actions-published.client.tsx b/apps/dashboard/src/app/(dashboard)/published-contract/components/contract-actions-published.client.tsx
index 13efeebc2a6..ca849ecad10 100644
--- a/apps/dashboard/src/app/(dashboard)/published-contract/components/contract-actions-published.client.tsx
+++ b/apps/dashboard/src/app/(dashboard)/published-contract/components/contract-actions-published.client.tsx
@@ -10,7 +10,7 @@ export function PublishedActions(props: {
   publisher: string;
   contract_id: string;
   version?: string;
-  dispayName: string;
+  displayName: string;
 }) {
   const searchparams = useSearchParams();
   const stringifiedSearchParams = searchparams?.toString();
@@ -21,7 +21,7 @@ export function PublishedActions(props: {
         variant="outline"
         onClick={() => {
           shareLink({
-            title: `Deploy ${props.dispayName}`,
+            title: `Deploy ${props.displayName}`,
           });
         }}
       >
diff --git a/apps/dashboard/src/app/(dashboard)/published-contract/components/publish-based-deploy.tsx b/apps/dashboard/src/app/(dashboard)/published-contract/components/publish-based-deploy.tsx
index 67095f101f2..f3f119a7a36 100644
--- a/apps/dashboard/src/app/(dashboard)/published-contract/components/publish-based-deploy.tsx
+++ b/apps/dashboard/src/app/(dashboard)/published-contract/components/publish-based-deploy.tsx
@@ -81,7 +81,7 @@ export async function DeployFormForPublishInfo(props: PublishBasedDeployProps) {
       >
         <DeployActions
           {...props}
-          dispayName={publishedContract.displayName || publishedContract.name}
+          displayName={publishedContract.displayName || publishedContract.name}
         />
       </DeployContractHeader>
       <Separator />
diff --git a/apps/dashboard/src/app/(dashboard)/published-contract/components/uri-based-deploy.tsx b/apps/dashboard/src/app/(dashboard)/published-contract/components/uri-based-deploy.tsx
index 67fab66cbc1..e68f5e1bdb1 100644
--- a/apps/dashboard/src/app/(dashboard)/published-contract/components/uri-based-deploy.tsx
+++ b/apps/dashboard/src/app/(dashboard)/published-contract/components/uri-based-deploy.tsx
@@ -30,7 +30,7 @@ export async function DeployFormForUri(props: DeployFormForUriProps) {
     redirect(`/login?next=${encodeURIComponent(pathname)}`);
   }
 
-  // TODO: remove the `ChakraProviderSetup` wrapper once the form is updated to no longer use chrakra
+  // TODO: remove the `ChakraProviderSetup` wrapper once the form is updated to no longer use chakra
   return (
     <ChakraProviderSetup>
       <CustomContractForm
diff --git a/apps/dashboard/src/app/(dashboard)/support/page.tsx b/apps/dashboard/src/app/(dashboard)/support/page.tsx
index f70e090c7ac..f7dec7ebd64 100644
--- a/apps/dashboard/src/app/(dashboard)/support/page.tsx
+++ b/apps/dashboard/src/app/(dashboard)/support/page.tsx
@@ -201,7 +201,7 @@ export default function SupportPage() {
           <div className="flex flex-col gap-2">
             <CardHeader>
               <CardTitle className="font-bold text-3xl">
-                Discord Comunity
+                Discord Community
               </CardTitle>
             </CardHeader>
             <CardContent className="flex flex-col gap-6">
diff --git a/apps/dashboard/src/app/account/overview/AccountTeamsUI.tsx b/apps/dashboard/src/app/account/overview/AccountTeamsUI.tsx
index 4826fd6e2cd..1e009aa42ec 100644
--- a/apps/dashboard/src/app/account/overview/AccountTeamsUI.tsx
+++ b/apps/dashboard/src/app/account/overview/AccountTeamsUI.tsx
@@ -145,7 +145,7 @@ function TeamRow(props: {
               href={`/team/${props.team.slug}/~/settings`}
               className="w-full p-1 "
             >
-              Manange
+              Manage
             </Link>
           </DropdownMenuItem>
         </DropdownMenuContent>
diff --git a/apps/dashboard/src/app/account/settings/AccountSettingsPageUI.tsx b/apps/dashboard/src/app/account/settings/AccountSettingsPageUI.tsx
index 18840ee4661..ce82075e369 100644
--- a/apps/dashboard/src/app/account/settings/AccountSettingsPageUI.tsx
+++ b/apps/dashboard/src/app/account/settings/AccountSettingsPageUI.tsx
@@ -213,7 +213,7 @@ function DeleteAccountCard() {
 
 function AccountEmailFormControl(props: {
   email: string;
-  status: "unverified" | "verfication-sent" | "verified";
+  status: "unverified" | "verified";
   sendEmail: (email: string) => Promise<void>;
   updateEmailWithOTP: (otp: string) => Promise<void>;
 }) {
diff --git a/apps/dashboard/src/app/account/wallets/LinkWalletUI.tsx b/apps/dashboard/src/app/account/wallets/LinkWalletUI.tsx
index 8ef674888e6..de79533a9f1 100644
--- a/apps/dashboard/src/app/account/wallets/LinkWalletUI.tsx
+++ b/apps/dashboard/src/app/account/wallets/LinkWalletUI.tsx
@@ -9,7 +9,7 @@ import { SearchInput } from "../components/SearchInput";
 export function LinkWalletUI(props: {
   wallets: string[];
 }) {
-  const [searchValue, setSerchValue] = useState("");
+  const [searchValue, setSearchValue] = useState("");
   const walletsToShow = !searchValue
     ? props.wallets
     : props.wallets.filter((v) => {
@@ -40,7 +40,7 @@ export function LinkWalletUI(props: {
       <SearchInput
         placeholder="Search wallet address"
         value={searchValue}
-        onValueChange={setSerchValue}
+        onValueChange={setSearchValue}
       />
 
       <div className="h-4" />
diff --git a/apps/dashboard/src/app/nebula-app/(app)/components/ChatBar.tsx b/apps/dashboard/src/app/nebula-app/(app)/components/ChatBar.tsx
index 5f623c2d7c3..df1a08a181f 100644
--- a/apps/dashboard/src/app/nebula-app/(app)/components/ChatBar.tsx
+++ b/apps/dashboard/src/app/nebula-app/(app)/components/ChatBar.tsx
@@ -6,7 +6,7 @@ import { cn } from "@/lib/utils";
 import { ArrowUpIcon, CircleStopIcon } from "lucide-react";
 import { useState } from "react";
 
-export function Chatbar(props: {
+export function ChatBar(props: {
   sendMessage: (message: string) => void;
   isChatStreaming: boolean;
   abortChatStream: () => void;
diff --git a/apps/dashboard/src/app/nebula-app/(app)/components/ChatPageContent.tsx b/apps/dashboard/src/app/nebula-app/(app)/components/ChatPageContent.tsx
index fbdf9f65cff..5c2bf88d260 100644
--- a/apps/dashboard/src/app/nebula-app/(app)/components/ChatPageContent.tsx
+++ b/apps/dashboard/src/app/nebula-app/(app)/components/ChatPageContent.tsx
@@ -18,7 +18,7 @@ import { type ContextFilters, promptNebula } from "../api/chat";
 import { createSession, updateSession } from "../api/session";
 import type { ExecuteConfig, SessionInfo } from "../api/types";
 import { newChatPageUrlStore, newSessionsStore } from "../stores";
-import { Chatbar } from "./ChatBar";
+import { ChatBar } from "./ChatBar";
 import { type ChatMessage, Chats } from "./Chats";
 import ContextFiltersButton from "./ContextFilters";
 import { EmptyStateChatPageContent } from "./EmptyStateChatPageContent";
@@ -406,7 +406,7 @@ export function ChatPageContent(props: {
             />
 
             <div className="container max-w-[800px]">
-              <Chatbar
+              <ChatBar
                 sendMessage={handleSendMessage}
                 isChatStreaming={isChatStreaming}
                 abortChatStream={() => {
diff --git a/apps/dashboard/src/app/nebula-app/(app)/components/Chatbar.stories.tsx b/apps/dashboard/src/app/nebula-app/(app)/components/Chatbar.stories.tsx
index e54cc308b11..100d697486a 100644
--- a/apps/dashboard/src/app/nebula-app/(app)/components/Chatbar.stories.tsx
+++ b/apps/dashboard/src/app/nebula-app/(app)/components/Chatbar.stories.tsx
@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from "@storybook/react";
 import { BadgeContainer, mobileViewport } from "../../../../stories/utils";
-import { Chatbar } from "./ChatBar";
+import { ChatBar } from "./ChatBar";
 
 const meta = {
   title: "Nebula/Chatbar",
@@ -30,7 +30,7 @@ function Story() {
   return (
     <div className="container flex max-w-[800px] flex-col gap-14 py-10">
       <BadgeContainer label="Not Streaming">
-        <Chatbar
+        <ChatBar
           abortChatStream={() => {}}
           isChatStreaming={false}
           sendMessage={() => {}}
@@ -38,7 +38,7 @@ function Story() {
       </BadgeContainer>
 
       <BadgeContainer label="Streaming ">
-        <Chatbar
+        <ChatBar
           abortChatStream={() => {}}
           isChatStreaming={true}
           sendMessage={() => {}}
diff --git a/apps/dashboard/src/app/nebula-app/(app)/components/EmptyStateChatPageContent.tsx b/apps/dashboard/src/app/nebula-app/(app)/components/EmptyStateChatPageContent.tsx
index 72626890f78..17a26b30a3c 100644
--- a/apps/dashboard/src/app/nebula-app/(app)/components/EmptyStateChatPageContent.tsx
+++ b/apps/dashboard/src/app/nebula-app/(app)/components/EmptyStateChatPageContent.tsx
@@ -3,7 +3,7 @@
 import { ArrowUpRightIcon } from "lucide-react";
 import { Button } from "../../../../@/components/ui/button";
 import { NebulaIcon } from "../icons/NebulaIcon";
-import { Chatbar } from "./ChatBar";
+import { ChatBar } from "./ChatBar";
 
 export function EmptyStateChatPageContent(props: {
   sendMessage: (message: string) => void;
@@ -26,7 +26,7 @@ export function EmptyStateChatPageContent(props: {
         </h1>
         <div className="h-5" />
         <div className="mx-auto max-w-[600px]">
-          <Chatbar
+          <ChatBar
             sendMessage={props.sendMessage}
             isChatStreaming={false}
             abortChatStream={() => {
diff --git a/apps/dashboard/src/app/team/[team_slug]/(team)/~/ecosystem/[slug]/(active)/configuration/constants.ts b/apps/dashboard/src/app/team/[team_slug]/(team)/~/ecosystem/[slug]/(active)/configuration/constants.ts
index 4423781e36e..04dae439fd4 100644
--- a/apps/dashboard/src/app/team/[team_slug]/(team)/~/ecosystem/[slug]/(active)/configuration/constants.ts
+++ b/apps/dashboard/src/app/team/[team_slug]/(team)/~/ecosystem/[slug]/(active)/configuration/constants.ts
@@ -20,7 +20,7 @@ export const partnerFormSchema = z.object({
     .refine((domains) => domains.every((d) => isDomainRegex.test(d)), {
       message: "Invalid domain format", // This error message CANNOT be within the array iteration, or the FormMessage won't be able to find it in the form state
     })
-    .transform((s) => s.join(",")), // This is rejoined to return a string (and later split again) since react-hook-form's typings can't hnadle different input vs output types
+    .transform((s) => s.join(",")), // This is rejoined to return a string (and later split again) since react-hook-form's typings can't handle different input vs output types
   bundleIds: z
     .string()
     .trim()
diff --git a/apps/dashboard/src/app/team/[team_slug]/(team)/~/engine/(instance)/[engineId]/access-tokens/components/engine-access-tokens.tsx b/apps/dashboard/src/app/team/[team_slug]/(team)/~/engine/(instance)/[engineId]/access-tokens/components/engine-access-tokens.tsx
index 6231981e340..0a6ec16b40c 100644
--- a/apps/dashboard/src/app/team/[team_slug]/(team)/~/engine/(instance)/[engineId]/access-tokens/components/engine-access-tokens.tsx
+++ b/apps/dashboard/src/app/team/[team_slug]/(team)/~/engine/(instance)/[engineId]/access-tokens/components/engine-access-tokens.tsx
@@ -150,7 +150,7 @@ const KeypairAuthenticationPanel = ({
   return (
     <>
       <Text>
-        Keypair authentication allows your app to geneate short-lived access
+        Keypair authentication allows your app to generate short-lived access
         tokens.
         <br />
         They are securely signed by your backend and verified with a public key.{" "}
diff --git a/apps/dashboard/src/app/team/[team_slug]/(team)/~/engine/(instance)/[engineId]/contract-subscriptions/components/contract-subscriptions-table.tsx b/apps/dashboard/src/app/team/[team_slug]/(team)/~/engine/(instance)/[engineId]/contract-subscriptions/components/contract-subscriptions-table.tsx
index 69c18a2d571..c711406d35d 100644
--- a/apps/dashboard/src/app/team/[team_slug]/(team)/~/engine/(instance)/[engineId]/contract-subscriptions/components/contract-subscriptions-table.tsx
+++ b/apps/dashboard/src/app/team/[team_slug]/(team)/~/engine/(instance)/[engineId]/contract-subscriptions/components/contract-subscriptions-table.tsx
@@ -33,7 +33,7 @@ import { useV5DashboardChain } from "lib/v5-adapter";
 import { InfoIcon, Trash2Icon } from "lucide-react";
 import { useState } from "react";
 import { eth_getBlockByNumber, getRpcClient } from "thirdweb";
-import { shortenAddress as shortenAddresThrows } from "thirdweb/utils";
+import { shortenAddress as shortenAddressThrows } from "thirdweb/utils";
 import { Button, Card, FormLabel, LinkButton, Text } from "tw-components";
 
 function shortenAddress(address: string) {
@@ -42,7 +42,7 @@ function shortenAddress(address: string) {
   }
 
   try {
-    return shortenAddresThrows(address);
+    return shortenAddressThrows(address);
   } catch {
     return `${address.substring(0, 6)}...${address.substring(address.length - 4)}`;
   }
diff --git a/apps/dashboard/src/app/team/[team_slug]/(team)/~/projects/TeamProjectsPage.tsx b/apps/dashboard/src/app/team/[team_slug]/(team)/~/projects/TeamProjectsPage.tsx
index b7ee115f177..2bed7fbd2d1 100644
--- a/apps/dashboard/src/app/team/[team_slug]/(team)/~/projects/TeamProjectsPage.tsx
+++ b/apps/dashboard/src/app/team/[team_slug]/(team)/~/projects/TeamProjectsPage.tsx
@@ -23,7 +23,7 @@ import { ChevronDownIcon, PlusIcon, SearchIcon } from "lucide-react";
 import Link from "next/link";
 import { useState } from "react";
 
-type SortyById = "name" | "createdAt";
+type SortById = "name" | "createdAt";
 
 export function TeamProjectsPage(props: {
   projects: Project[];
@@ -31,7 +31,7 @@ export function TeamProjectsPage(props: {
 }) {
   const { projects } = props;
   const [searchTerm, setSearchTerm] = useState("");
-  const [sortBy, setSortBy] = useState<SortyById>("createdAt");
+  const [sortBy, setSortBy] = useState<SortById>("createdAt");
   const [isCreateProjectDialogOpen, setIsCreateProjectDialogOpen] =
     useState(false);
   const router = useDashboardRouter();
@@ -206,11 +206,11 @@ function AddNewButton(props: {
 }
 
 function SelectBy(props: {
-  value: SortyById;
-  onChange: (value: SortyById) => void;
+  value: SortById;
+  onChange: (value: SortById) => void;
 }) {
-  const values: SortyById[] = ["name", "createdAt"];
-  const valueToLabel: Record<SortyById, string> = {
+  const values: SortById[] = ["name", "createdAt"];
+  const valueToLabel: Record<SortById, string> = {
     name: "Name",
     createdAt: "Creation Date",
   };
@@ -219,7 +219,7 @@ function SelectBy(props: {
     <Select
       value={props.value}
       onValueChange={(v) => {
-        props.onChange(v as SortyById);
+        props.onChange(v as SortById);
       }}
     >
       <SelectTrigger className="min-w-[200px] bg-muted/50 capitalize">
diff --git a/apps/dashboard/src/app/team/[team_slug]/(team)/~/settings/general/GeneralSettingsPage.stories.tsx b/apps/dashboard/src/app/team/[team_slug]/(team)/~/settings/general/GeneralSettingsPage.stories.tsx
index 222d01b92a4..3475d7af0b9 100644
--- a/apps/dashboard/src/app/team/[team_slug]/(team)/~/settings/general/GeneralSettingsPage.stories.tsx
+++ b/apps/dashboard/src/app/team/[team_slug]/(team)/~/settings/general/GeneralSettingsPage.stories.tsx
@@ -49,13 +49,13 @@ function Story() {
         }}
         client={getThirdwebClient()}
       />
-      <ComponentVariantions />
+      <ComponentVariants />
       <Toaster richColors />
     </div>
   );
 }
 
-function ComponentVariantions() {
+function ComponentVariants() {
   return (
     <div className="border-border border-t p-6 pt-20">
       <div className="mx-auto max-w-[1100px]">
diff --git a/apps/dashboard/src/app/team/[team_slug]/[project_slug]/connect/in-app-wallets/_components/footer.tsx b/apps/dashboard/src/app/team/[team_slug]/[project_slug]/connect/in-app-wallets/_components/footer.tsx
index f71939742c2..15690bb38d3 100644
--- a/apps/dashboard/src/app/team/[team_slug]/[project_slug]/connect/in-app-wallets/_components/footer.tsx
+++ b/apps/dashboard/src/app/team/[team_slug]/[project_slug]/connect/in-app-wallets/_components/footer.tsx
@@ -2,7 +2,7 @@ import { TrackedLinkTW } from "@/components/ui/tracked-link";
 import { ArrowRightIcon } from "lucide-react";
 import { SupportedPlatformLink } from "../../../../../../../components/wallets/SupportedPlatformLink";
 
-export function InAppWaletFooterSection(props: {
+export function InAppWalletFooterSection(props: {
   trackingCategory: string;
 }) {
   return (
diff --git a/apps/dashboard/src/app/team/[team_slug]/[project_slug]/connect/in-app-wallets/layout.tsx b/apps/dashboard/src/app/team/[team_slug]/[project_slug]/connect/in-app-wallets/layout.tsx
index f3b8564326d..70ad62cdb30 100644
--- a/apps/dashboard/src/app/team/[team_slug]/[project_slug]/connect/in-app-wallets/layout.tsx
+++ b/apps/dashboard/src/app/team/[team_slug]/[project_slug]/connect/in-app-wallets/layout.tsx
@@ -2,7 +2,7 @@ import { getProject } from "@/api/projects";
 import { getAPIKeyForProjectId } from "app/api/lib/getAPIKeys";
 import { notFound } from "next/navigation";
 import { TabPathLinks } from "../../../../../../@/components/ui/tabs";
-import { InAppWaletFooterSection } from "./_components/footer";
+import { InAppWalletFooterSection } from "./_components/footer";
 import { InAppWalletsHeader } from "./_components/header";
 import { TRACKING_CATEGORY } from "./_constants";
 
@@ -51,7 +51,7 @@ export default async function Layout(props: {
       <div className="h-8" />
       {props.children}
       <div className="h-8" />
-      <InAppWaletFooterSection trackingCategory={TRACKING_CATEGORY} />
+      <InAppWalletFooterSection trackingCategory={TRACKING_CATEGORY} />
     </div>
   );
 }
diff --git a/apps/dashboard/src/app/team/[team_slug]/[project_slug]/insight/[blueprint_slug]/blueprint-playground.client.tsx b/apps/dashboard/src/app/team/[team_slug]/[project_slug]/insight/[blueprint_slug]/blueprint-playground.client.tsx
index 971582ab032..095e0bc1a38 100644
--- a/apps/dashboard/src/app/team/[team_slug]/[project_slug]/insight/[blueprint_slug]/blueprint-playground.client.tsx
+++ b/apps/dashboard/src/app/team/[team_slug]/[project_slug]/insight/[blueprint_slug]/blueprint-playground.client.tsx
@@ -416,7 +416,7 @@ function PlaygroundHeader(props: {
 
 function RequestConfigSection(props: {
   parameters: BlueprintParameter[];
-  form: ParamtersForm;
+  form: ParametersForm;
   domain: string;
   path: string;
   supportedChainIds: number[];
@@ -502,14 +502,14 @@ function RequestConfigSection(props: {
   );
 }
 
-type ParamtersForm = UseFormReturn<{
+type ParametersForm = UseFormReturn<{
   [x: string]: string | number;
 }>;
 
 function ParameterSection(props: {
   parameters: BlueprintParameter[];
   title: string;
-  form: ParamtersForm;
+  form: ParametersForm;
   domain: string;
   path: string;
   supportedChainIds: number[];
diff --git a/apps/dashboard/src/components/contract-components/contract-deploy-form/custom-contract.tsx b/apps/dashboard/src/components/contract-components/contract-deploy-form/custom-contract.tsx
index 640b285353f..d89eff422eb 100644
--- a/apps/dashboard/src/components/contract-components/contract-deploy-form/custom-contract.tsx
+++ b/apps/dashboard/src/components/contract-components/contract-deploy-form/custom-contract.tsx
@@ -48,7 +48,7 @@ import {
 import {
   ModularContractDefaultModulesFieldset,
   getModuleInstallParams,
-  showPrimarySaleFiedset,
+  showPrimarySaleFieldset,
   showRoyaltyFieldset,
 } from "./modular-contract-default-modules-fieldset";
 import { Param } from "./param";
@@ -265,7 +265,7 @@ export const CustomContractForm: React.FC<CustomContractFormProps> = ({
                 }
 
                 // set connected wallet address as default "primarySaleRecipient"
-                else if (showPrimarySaleFiedset(paramNames)) {
+                else if (showPrimarySaleFieldset(paramNames)) {
                   returnVal.primarySaleRecipient = activeAccount.address;
                 }
 
@@ -370,8 +370,8 @@ export const CustomContractForm: React.FC<CustomContractFormProps> = ({
       Object.keys(formDeployParams)
         .map((paramKey) => {
           const deployParam = deployParams.find((p) => p.name === paramKey);
-          const contructorParams = metadata?.constructorParams || {};
-          const extraMetadataParam = contructorParams[paramKey];
+          const constructorParams = metadata?.constructorParams || {};
+          const extraMetadataParam = constructorParams[paramKey];
 
           if (
             shouldHide(paramKey) ||
@@ -716,9 +716,9 @@ export const CustomContractForm: React.FC<CustomContractFormProps> = ({
                         (p) => p.name === paramKey,
                       );
 
-                      const contructorParams =
+                      const constructorParams =
                         metadata?.constructorParams || {};
-                      const extraMetadataParam = contructorParams[paramKey];
+                      const extraMetadataParam = constructorParams[paramKey];
 
                       return (
                         <Param
@@ -742,9 +742,9 @@ export const CustomContractForm: React.FC<CustomContractFormProps> = ({
                         (p) => p.name === paramKey,
                       );
 
-                      const contructorParams =
+                      const constructorParams =
                         metadata?.constructorParams || {};
-                      const extraMetadataParam = contructorParams[paramKey];
+                      const extraMetadataParam = constructorParams[paramKey];
 
                       return (
                         <Param
@@ -775,8 +775,8 @@ export const CustomContractForm: React.FC<CustomContractFormProps> = ({
                   const deployParam = deployParams.find(
                     (p) => p.name === paramKey,
                   );
-                  const contructorParams = metadata?.constructorParams || {};
-                  const extraMetadataParam = contructorParams[paramKey];
+                  const constructorParams = metadata?.constructorParams || {};
+                  const extraMetadataParam = constructorParams[paramKey];
 
                   if (
                     shouldHide(paramKey) ||
@@ -899,8 +899,8 @@ export const CustomContractForm: React.FC<CustomContractFormProps> = ({
                         <CircleAlertIcon className="size-5" />
                         <AlertTitle>
                           Deterministic deployment would only result in the same
-                          contract address if you use the same contructor params
-                          on every deployment.
+                          contract address if you use the same constructor
+                          params on every deployment.
                         </AlertTitle>
                       </Alert>
                     )}
@@ -963,7 +963,7 @@ export const CustomContractForm: React.FC<CustomContractFormProps> = ({
                 </span>
               </CheckboxWithLabel>
 
-              {/* Depoy */}
+              {/* Deploy */}
               <div className="flex md:justify-end">
                 <Button
                   disabled={!activeAccount || !walletChain}
diff --git a/apps/dashboard/src/components/contract-components/contract-deploy-form/modular-contract-default-modules-fieldset.tsx b/apps/dashboard/src/components/contract-components/contract-deploy-form/modular-contract-default-modules-fieldset.tsx
index dab4862ac78..8cbdee21d17 100644
--- a/apps/dashboard/src/components/contract-components/contract-deploy-form/modular-contract-default-modules-fieldset.tsx
+++ b/apps/dashboard/src/components/contract-components/contract-deploy-form/modular-contract-default-modules-fieldset.tsx
@@ -63,7 +63,7 @@ function RenderModule(props: {
       );
     }
 
-    if (showPrimarySaleFiedset(paramNames)) {
+    if (showPrimarySaleFieldset(paramNames)) {
       return (
         <RenderPrimarySaleFieldset module={module} form={form} isTWPublisher />
       );
@@ -120,12 +120,12 @@ function RenderModule(props: {
   );
 }
 
-function RenderPrimarySaleFieldset(prosp: {
+function RenderPrimarySaleFieldset(props: {
   module: FetchDeployMetadataResult;
   form: CustomContractDeploymentForm;
   isTWPublisher: boolean;
 }) {
-  const { module, form } = prosp;
+  const { module, form } = props;
 
   const primarySaleRecipientPath =
     `moduleData.${module.name}.primarySaleRecipient` as const;
@@ -144,12 +144,12 @@ function RenderPrimarySaleFieldset(prosp: {
   );
 }
 
-function RenderSequentialTokenIdFieldset(prosp: {
+function RenderSequentialTokenIdFieldset(props: {
   module: FetchDeployMetadataResult;
   form: CustomContractDeploymentForm;
   isTWPublisher: boolean;
 }) {
-  const { module, form } = prosp;
+  const { module, form } = props;
 
   const startTokenIdPath = `moduleData.${module.name}.startTokenId` as const;
 
@@ -222,7 +222,7 @@ export function showRoyaltyFieldset(paramNames: string[]) {
   );
 }
 
-export function showPrimarySaleFiedset(paramNames: string[]) {
+export function showPrimarySaleFieldset(paramNames: string[]) {
   return paramNames.length === 1 && paramNames.includes("primarySaleRecipient");
 }
 
diff --git a/apps/dashboard/src/components/contract-components/contract-publish-form/index.tsx b/apps/dashboard/src/components/contract-components/contract-publish-form/index.tsx
index fbf1062d447..9dc0c63ef4f 100644
--- a/apps/dashboard/src/components/contract-components/contract-publish-form/index.tsx
+++ b/apps/dashboard/src/components/contract-components/contract-publish-form/index.tsx
@@ -59,8 +59,8 @@ export function ContractPublishForm(props: {
 
   const placeholderVersion = useMemo(() => {
     if (latestVersion) {
-      const versplit = latestVersion.split(".");
-      return `${versplit[0]}.${versplit[1]}.${Number(versplit[2]) + 1 || 0}`;
+      const versionSplit = latestVersion.split(".");
+      return `${versionSplit[0]}.${versionSplit[1]}.${Number(versionSplit[2]) + 1 || 0}`;
     }
     return "1.0.0";
   }, [latestVersion]);
diff --git a/apps/dashboard/src/components/explore/contract-card/index.tsx b/apps/dashboard/src/components/explore/contract-card/index.tsx
index df9f591148f..b5ce22f6ea0 100644
--- a/apps/dashboard/src/components/explore/contract-card/index.tsx
+++ b/apps/dashboard/src/components/explore/contract-card/index.tsx
@@ -63,17 +63,17 @@ function getContractUrl(
   if (isDeploy) {
     pathName += "/deploy";
   }
-  const moudleUrl = new URLSearchParams();
+  const moduleUrl = new URLSearchParams();
 
   for (const m of modules) {
-    moudleUrl.append("module", moduleToBase64(m));
+    moduleUrl.append("module", moduleToBase64(m));
   }
 
   if (titleOverride) {
-    moudleUrl.append("displayName", titleOverride);
+    moduleUrl.append("displayName", titleOverride);
   }
 
-  pathName += moudleUrl.toString() ? `?${moudleUrl.toString()}` : "";
+  pathName += moduleUrl.toString() ? `?${moduleUrl.toString()}` : "";
   return replaceDeployerAddress(pathName);
 }
 
diff --git a/apps/dashboard/src/components/explore/upsells/publish-submit.tsx b/apps/dashboard/src/components/explore/upsells/publish-submit.tsx
index 9ff53c4af12..215dd584808 100644
--- a/apps/dashboard/src/components/explore/upsells/publish-submit.tsx
+++ b/apps/dashboard/src/components/explore/upsells/publish-submit.tsx
@@ -9,7 +9,7 @@ export const PublishUpsellCard: React.FC = () => {
   return (
     <div className="flex gap-10 rounded-xl border border-border bg-muted/50 p-8 shadow-lg md:p-10">
       <div className="flex flex-col gap-6">
-        <h2 className="font-bold text-3xl tracking-tigher">
+        <h2 className="font-bold text-3xl tracking-tighter">
           Accelerate your protocol's growth
         </h2>
 
diff --git a/apps/dashboard/src/components/pay/PayAnalytics/components/PayNewCustomers.tsx b/apps/dashboard/src/components/pay/PayAnalytics/components/PayNewCustomers.tsx
index 0cc5ada7c42..3745eaaeced 100644
--- a/apps/dashboard/src/components/pay/PayAnalytics/components/PayNewCustomers.tsx
+++ b/apps/dashboard/src/components/pay/PayAnalytics/components/PayNewCustomers.tsx
@@ -48,7 +48,7 @@ function processQuery(
     return { isEmpty: true };
   }
 
-  const newCusomtersData: GraphDataItem[] =
+  const newCustomersData: GraphDataItem[] =
     newCustomersQuery.data.intervalResults.map((x) => {
       return {
         date: format(new Date(x.interval), "LLL dd"),
@@ -60,7 +60,7 @@ function processQuery(
 
   return {
     data: {
-      graphData: newCusomtersData,
+      graphData: newCustomersData,
       totalNewCustomers,
       percentChange:
         newCustomersQuery.data.aggregate.bpsIncreaseFromPriorRange / 100,
diff --git a/apps/dashboard/src/components/pay/PayAnalytics/hooks/usePayPurchases.ts b/apps/dashboard/src/components/pay/PayAnalytics/hooks/usePayPurchases.ts
index 7b4fe164d67..3834f9588bd 100644
--- a/apps/dashboard/src/components/pay/PayAnalytics/hooks/usePayPurchases.ts
+++ b/apps/dashboard/src/components/pay/PayAnalytics/hooks/usePayPurchases.ts
@@ -52,7 +52,7 @@ type Response = {
   };
 };
 
-type PayPurcaseOptions = {
+type PayPurchaseOptions = {
   clientId: string;
   from: Date;
   to: Date;
@@ -60,7 +60,7 @@ type PayPurcaseOptions = {
   count: number;
 };
 
-export function usePayPurchases(options: PayPurcaseOptions) {
+export function usePayPurchases(options: PayPurchaseOptions) {
   const address = useActiveAccount()?.address;
   return useQuery({
     queryKey: ["usePayPurchases", address, options],
@@ -70,7 +70,7 @@ export function usePayPurchases(options: PayPurcaseOptions) {
   });
 }
 
-export async function getPayPurchases(options: PayPurcaseOptions) {
+export async function getPayPurchases(options: PayPurchaseOptions) {
   const searchParams = new URLSearchParams();
   searchParams.append("skip", `${options.start}`);
   searchParams.append("take", `${options.count}`);
diff --git a/apps/dashboard/src/components/pay/PayConfig.tsx b/apps/dashboard/src/components/pay/PayConfig.tsx
index 5dc451fd71f..f1b70c65ed7 100644
--- a/apps/dashboard/src/components/pay/PayConfig.tsx
+++ b/apps/dashboard/src/components/pay/PayConfig.tsx
@@ -104,7 +104,7 @@ export const PayConfig: React.FC<PayConfigProps> = ({ apiKey }) => {
     <Form {...form}>
       <form onSubmit={handleSubmit} autoComplete="off">
         <SettingsCard
-          bottomText="Shared Fees will are sent to receipient address"
+          bottomText="Shared Fees will are sent to recipient address"
           errorText={form.getFieldState("payoutAddress").error?.message}
           saveButton={{
             type: "submit",
diff --git a/apps/dashboard/src/components/settings/ApiKeys/Alerts.tsx b/apps/dashboard/src/components/settings/ApiKeys/Alerts.tsx
index 84dbcaa8154..41a772f416c 100644
--- a/apps/dashboard/src/components/settings/ApiKeys/Alerts.tsx
+++ b/apps/dashboard/src/components/settings/ApiKeys/Alerts.tsx
@@ -13,9 +13,9 @@ import { XIcon } from "lucide-react";
 import { Text, TrackedLink } from "tw-components";
 
 export const SmartWalletsBillingAlert = ({
-  dismissable = false,
+  dismissible = false,
 }: {
-  dismissable?: boolean;
+  dismissible?: boolean;
 }) => {
   const [dismissed, setDismissed] = useLocalStorage(
     "dismissed-smart-wallets-billing-alert",
@@ -23,7 +23,7 @@ export const SmartWalletsBillingAlert = ({
     true,
   );
 
-  if (dismissable && dismissed) {
+  if (dismissible && dismissed) {
     return true;
   }
 
@@ -64,7 +64,7 @@ export const SmartWalletsBillingAlert = ({
         </Flex>
       </div>
 
-      {dismissable && (
+      {dismissible && (
         <IconButton
           size="xs"
           aria-label="Close notice"
diff --git a/apps/dashboard/src/components/settings/ApiKeys/Create/LazyCreateAPIKeyDialog.tsx b/apps/dashboard/src/components/settings/ApiKeys/Create/LazyCreateAPIKeyDialog.tsx
index bab8d76bf9b..4d3d95059b7 100644
--- a/apps/dashboard/src/components/settings/ApiKeys/Create/LazyCreateAPIKeyDialog.tsx
+++ b/apps/dashboard/src/components/settings/ApiKeys/Create/LazyCreateAPIKeyDialog.tsx
@@ -7,7 +7,7 @@ const CreateAPIKeyDialog = lazy(() => import("./index"));
 
 export function LazyCreateAPIKeyDialog(props: CreateAPIKeyDialogProps) {
   // if we use props.open to conditionally render the lazy component, - the dialog will close suddenly when the user closes it instead of gracefully fading out
-  // and we can't render the dialog unconitionally because it will be rendered on the first page load and that defeats the purpose of lazy loading
+  // and we can't render the dialog unconditionally because it will be rendered on the first page load and that defeats the purpose of lazy loading
   const [hasEverOpened, setHasEverOpened] = useState(false);
 
   // eslint-disable-next-line no-restricted-syntax
diff --git a/apps/dashboard/src/components/shared/TWTable.tsx b/apps/dashboard/src/components/shared/TWTable.tsx
index 34fad8125a0..e8305cf7208 100644
--- a/apps/dashboard/src/components/shared/TWTable.tsx
+++ b/apps/dashboard/src/components/shared/TWTable.tsx
@@ -137,7 +137,7 @@ export function TWTable<TRowData>(tableProps: TWTableProps<TRowData>) {
                         header.column.columnDef.header,
                         header.getContext(),
                       )}
-                      {/* TODO add fitlering? */}
+                      {/* TODO add filtering? */}
                       {/* {header.column.getCanFilter() ? (
                         <div>
                           <Filter column={header.column} table={table} />
diff --git a/apps/dashboard/src/components/smart-wallets/SponsorshipPolicies/index.tsx b/apps/dashboard/src/components/smart-wallets/SponsorshipPolicies/index.tsx
index 69d3199124a..d350957ec19 100644
--- a/apps/dashboard/src/components/smart-wallets/SponsorshipPolicies/index.tsx
+++ b/apps/dashboard/src/components/smart-wallets/SponsorshipPolicies/index.tsx
@@ -439,7 +439,7 @@ export function AccountAbstractionSettingsPage(
                   Allowlisted/Blocklisted accounts
                 </FormLabel>
                 <Text>
-                  Select either allowlisted or blockedlisted accounts. Disabling
+                  Select either allowlisted or blocklisted accounts. Disabling
                   this option will allow all accounts.
                 </Text>
               </div>
@@ -460,8 +460,8 @@ export function AccountAbstractionSettingsPage(
                 placeholder="Select allowed or blocked wallets"
                 {...form.register("allowedOrBlockedWallets")}
               >
-                <option value="allowed">Allowedlisted wallets</option>
-                <option value="blocked">Blockedlisted wallets</option>
+                <option value="allowed">Allowlisted wallets</option>
+                <option value="blocked">Blocklisted wallets</option>
               </Select>
             )}
 
diff --git a/apps/dashboard/src/contract-ui/tabs/code/components/code-overview.tsx b/apps/dashboard/src/contract-ui/tabs/code/components/code-overview.tsx
index 5833967e979..81a65844f96 100644
--- a/apps/dashboard/src/contract-ui/tabs/code/components/code-overview.tsx
+++ b/apps/dashboard/src/contract-ui/tabs/code/components/code-overview.tsx
@@ -251,7 +251,7 @@ const chain = defineChain({{chainId}});
 
 // First, connect the personal wallet, which can be any wallet (metamask, in-app, etc.)
 const personalWallet = inAppWallet();
-const peronalAccount = await personalWallet.connect({
+const personalAccount = await personalWallet.connect({
   client,
   chain,
   strategy: "google",
diff --git a/apps/dashboard/src/pages/account-abstraction.tsx b/apps/dashboard/src/pages/account-abstraction.tsx
index 9fccc2d8f57..a604eab7685 100644
--- a/apps/dashboard/src/pages/account-abstraction.tsx
+++ b/apps/dashboard/src/pages/account-abstraction.tsx
@@ -171,7 +171,7 @@ const SmartWallet: ThirdwebNextPage = () => {
         />
         <LandingShowcaseImage
           miniTitle="Dashboard & Analytics"
-          titleWithGradient="Manage accouunts"
+          titleWithGradient="Manage accounts"
           title="& view onchain analytics."
           gradient="linear(to-r, #3385FF, #7BB0FF)"
           description="A single source of truth to view accounts, manage signers, and view balances for your web3 app — complete with onchain analytics."