add stripe (#121)

* add some stripe stuff

* more stripe stuff

* more stripe things

* more stripr stuff

* more stripe stuff

* more stripe stuff

* add more stuff

* add more stripe stuff

* more stuff

* fix types

apps/web/src/app/(dashboard)/dev-settings/layout.tsx

@@ -1,7 +1,5 @@
 "use client";
 
-import { Tabs, TabsList, TabsTrigger, TabsContent } from "@unsend/ui/src/tabs";
-import { useState } from "react";
 import { SettingsNavButton } from "./settings-nav-button";
 
 export const dynamic = "force-static";
@@ -15,9 +13,7 @@ export default function ApiKeysPage({
     <div>
       <h1 className="font-bold text-lg">Developer settings</h1>
       <div className="flex gap-4 mt-4">
-        <SettingsNavButton href="/dev-settings/api-keys">
-          API Keys
-        </SettingsNavButton>
+        <SettingsNavButton href="/dev-settings">API Keys</SettingsNavButton>
         <SettingsNavButton href="/dev-settings/smtp">SMTP</SettingsNavButton>
       </div>
       <div className="mt-8">{children}</div>

apps/web/src/app/(dashboard)/dev-settings/settings-nav-button.tsx

@@ -11,7 +11,7 @@ export const SettingsNavButton: React.FC<{
 }> = ({ href, children, comingSoon }) => {
   const pathname = usePathname();
 
-  const isActive = pathname?.startsWith(href);
+  const isActive = pathname === href;
 
   if (comingSoon) {
     return (

apps/web/src/app/(dashboard)/dev-settings/smtp/page.tsx

@@ -1,25 +1,15 @@
 "use client";
 import * as React from "react";
-import { Code } from "@unsend/ui/src/code";
-import { Button } from "@unsend/ui/src/button";
 import {
   Card,
   CardContent,
   CardDescription,
-  CardFooter,
   CardHeader,
   CardTitle,
 } from "@unsend/ui/src/card";
 import { TextWithCopyButton } from "@unsend/ui/src/text-with-copy";
 
 export default function ExampleCard() {
-  const smtpDetails = {
-    smtp: "smtp.example.com",
-    port: "587",
-    user: "user@example.com",
-    password: "supersecretpassword",
-  };
-
   return (
     <Card className="mt-9 max-w-xl">
       <CardHeader>