chore: add themes note (#1750)

apps/dashboard/src/app/(dashboard)/overview/page.tsx

···
         <Note>
           <Terminal />
           Use Monitoring as Code to manage your monitors with our CLI.
-          <NoteButton variant="outline" asChild>
+          <NoteButton variant="default" asChild>
             <Link href="/cli">Learn more</Link>
           </NoteButton>
         </Note>

apps/dashboard/src/app/(dashboard)/status-pages/(list)/client.tsx

···
 "use client";
 
+import { Note, NoteButton } from "@/components/common/note";
 import {
   SectionDescription,
   SectionGroup,
···
 import { DataTablePaginationSimple } from "@/components/ui/data-table/data-table-pagination";
 import { useTRPC } from "@/lib/trpc/client";
 import { useQuery } from "@tanstack/react-query";
+import { Palette } from "lucide-react";
+import Link from "next/link";
 
 export function Client() {
   const trpc = useTRPC();
···
 
   return (
     <SectionGroup>
+      <Note>
+        <Palette />
+        Create your own custom themes for your status pages.
+        <NoteButton variant="default" asChild>
+          <Link href="https://themes.openstatus.dev" target="_blank">
+            Learn more
+          </Link>
+        </NoteButton>
+      </Note>
       <SectionHeader>
         <SectionTitle>Status Pages</SectionTitle>
         <SectionDescription>