[TOOL-3681] Portal: Fix code identation in reference pages (#6461)

<!-- start pr-codex -->

## PR-Codex overview
This PR focuses on improving code readability and fixing a typo in the console log message, as well as adjusting the CSS class for better text formatting in a component.

### Detailed summary
- In `packages/thirdweb/src/react/core/utils/wallet.ts`, the console log message was changed from `"Walelt name"` to `"wallet name"` for clarity.
- In `apps/portal/src/components/Document/Code.tsx`, the CSS class was modified from `rounded-lg border bg-card font-mono text-sm leading-relaxed` to `whitespace-pre rounded-lg border bg-card font-mono text-sm leading-relaxed` to enhance text formatting.

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

<!-- end pr-codex -->

Author: MananTank

apps/portal/src/components/Document/Code.tsx

@@ -68,7 +68,7 @@ export async function CodeBlock(props: {
     <div className={cn("group/code relative mb-5", props.containerClassName)}>
       <code
         className={cn(
-          "relative block rounded-lg border bg-card font-mono text-sm leading-relaxed",
+          "relative block whitespace-pre rounded-lg border bg-card font-mono text-sm leading-relaxed",
           props.className,
         )}
         lang={lang}

packages/thirdweb/src/react/core/utils/wallet.ts

@@ -157,7 +157,7 @@ export function useConnectedWalletDetails(
  * import { useWalletInfo } from "thirdweb/react";
  *
  * const { data: walletInfo } = useWalletInfo("io.metamask");
- * console.log("Walelt name", walletInfo?.name);
+ * console.log("wallet name", walletInfo?.name);
  * ```
  * @wallet
  */