[TOOL-2890] Dashboard: Fix spelling issues (#5891)

<!-- start pr-codex -->

---

## PR-Codex overview
This PR focuses on fixing typos, improving comments, and enhancing code readability across various files in the project.

### Detailed summary
- Corrected typos in text labels (e.g., `Manange` to `Manage`, `Comunity` to `Community`).
- Improved comments for clarity (e.g., `Fix colors on autofilled inputs` to `Fix colors on auto-filled inputs`).
- Standardized variable names (e.g., `dispalyName` to `displayName`).
- Enhanced consistency in formatting (e.g., `balancesisPending` to `balancesIsPending`).
- Fixed minor grammatical issues in comments and strings throughout the code.

> ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`

<!-- end pr-codex -->

Author: MananTank

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;

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>

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",

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>

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],
   );

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);

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,

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));

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 });
           }

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);