ui: fixing home screen and removing unused code

packages/nextjs/components/Header.tsx

@@ -37,15 +37,15 @@ export const Header = () => {
   const navLinks = (
     <>
       <li>
-        <NavLink href="/debug">
-          <BugAntIcon className="h-4 w-4" />
-          Debug Contracts
+        <NavLink href="/age-restricted-example">
+          <span className="h-4 w-4">🎈</span>
+          Age restriction with ZK
         </NavLink>
       </li>
       <li>
-        <NavLink href="/example-zk">
-          <span className="h-4 w-4">🎈</span>
-          Age restriction with ZK
+        <NavLink href="/debug">
+          <BugAntIcon className="h-4 w-4" />
+          Debug Contracts
         </NavLink>
       </li>
       <li>

packages/nextjs/pages/example-zk/BirthDateSignature.tsx → packages/nextjs/pages/age-restricted-example/BirthDateSignature.tsx

@@ -74,8 +74,8 @@ export const BirthDateSignature = ({ aliceDefaultAge }: { aliceDefaultAge: numbe
           When the balloon store implemented their zero knowledge proof solution they made sure that they are using the
           same format as the Town Hall for constructing the claim that is being signed. In this project the claim
           construction for the Town Hall can be found in{" "}
-          <a href="https://github.com/Kryha/scaffold-eth-2-noir/blob/main/packages/nextjs/pages/example-zk/BirthDateSignature.tsx">
-            <CodeText text="packages/nextjs/pages/example-zk/BirthDateSignature.tsx" />
+          <a href="https://github.com/Kryha/scaffold-eth-2-noir/blob/main/packages/nextjs/pages/age-restricted-example/BirthDateSignature.tsx">
+            <CodeText text="packages/nextjs/pages/age-restricted-example/BirthDateSignature.tsx" />
           </a>{" "}
           (
           <CodeText text="signBirthYear" />

packages/nextjs/pages/example-zk/Stat.tsx → packages/nextjs/pages/age-restricted-example/Stat.tsx

@@ -1,6 +1,6 @@
 import CopyToClipboard from "react-copy-to-clipboard";
 import { DocumentDuplicateIcon } from "@heroicons/react/24/outline";
-import { shortenHashString } from "~~/utils/example-zk/short-hash-string";
+import { shortenHashString } from "~~/utils/age-restricted-example/short-hash-string";
 
 type StatProps = {
   stat: string;

packages/nextjs/pages/example-zk/index.tsx → packages/nextjs/pages/age-restricted-example/index.tsx

@@ -9,7 +9,7 @@ const ExampleZk: NextPage = () => {
         title="Example UI ZK | Scaffold-ETH 2"
         description="Example UI ZK, showing how to use ZK circuits in your UI."
       ></MetaHeader>
-      <div className="min-h-screen flex justify-center items-center flex-col">
+      <div className="min-h-screen flex items-center flex-col pt-6 lg:pt-20">
         <ZkSteps />
       </div>
     </>