feat: add Creator Coin settings route and update account details to always display CreatorCoin component

apps/web/src/components/Account/Details.tsx

···
               width={16}
             />
           )}
-          {account.isBeta && <CreatorCoin account={account} />}
+          <CreatorCoin account={account} />
         </div>
       </div>
     </div>

apps/web/src/components/Settings/CreatorCoin/index.tsx

···
+import CreatorCoinForm from "@/components/Settings/Pro/CreatorCoin";
+import BackButton from "@/components/Shared/BackButton";
+import NotLoggedIn from "@/components/Shared/NotLoggedIn";
+import PageLayout from "@/components/Shared/PageLayout";
+import { Card, CardHeader } from "@/components/Shared/UI";
+import { useAccountStore } from "@/store/persisted/useAccountStore";
+
+const CreatorCoinSettings = () => {
+  const { currentAccount } = useAccountStore();
+
+  if (!currentAccount) {
+    return <NotLoggedIn />;
+  }
+
+  return (
+    <PageLayout title="Creator Coin settings">
+      <Card>
+        <CardHeader
+          icon={<BackButton path="/settings" />}
+          title="Creator Coin"
+        />
+        <div className="p-5">
+          <CreatorCoinForm />
+        </div>
+      </Card>
+    </PageLayout>
+  );
+};
+
+export default CreatorCoinSettings;

apps/web/src/components/Settings/Pro/index.tsx

···
 import { Card, CardHeader } from "@/components/Shared/UI";
 import { useAccountStore } from "@/store/persisted/useAccountStore";
 import BetaToggle from "./BetaToggle";
-import CreatorCoin from "./CreatorCoin";
 import DefaultToNameToggle from "./DefaultToNameToggle";
 
 const ProSettings = () => {
···
             <div className="space-y-5 p-5">
               <BetaToggle />
               <DefaultToNameToggle />
-            </div>
-            <div className="divider" />
-            <div className="p-5">
-              <CreatorCoin />
             </div>
           </div>
         ) : (

apps/web/src/components/Settings/index.tsx

···
       url: "/settings/monetize"
     },
     {
+      icon: <CurrencyDollarIcon className="size-5" />,
+      title: "Creator Coin",
+      url: "/settings/creatorcoin"
+    },
+    {
       icon: <SparklesIcon className="size-5" />,
       title: "Pro",
       url: "/settings/pro"

apps/web/src/routes.tsx

···
 import Search from "@/components/Search";
 import AccountSettings from "@/components/Settings";
 import BlockedSettings from "@/components/Settings/Blocked";
+import CreatorCoinSettings from "@/components/Settings/CreatorCoin";
 import DeveloperSettings from "@/components/Settings/Developer";
 import FundsSettings from "@/components/Settings/Funds";
 import ManagerSettings from "@/components/Settings/Manager";
···
               path="personalize"
             />
             <Route element={<AccountMonetizeSettings />} path="monetize" />
+            <Route element={<CreatorCoinSettings />} path="creatorcoin" />
             <Route element={<ProSettings />} path="pro" />
             <Route element={<RewardsSettings />} path="rewards" />
             <Route element={<BlockedSettings />} path="blocked" />