use openpanels public dashboard as example on frontpage

apps/public/src/app/hero.tsx

@@ -87,7 +87,7 @@ export async function Hero() {
           <div className="absolute inset-0 flex rounded-2xl ring-8 ring-slate-300">
             <div className="absolute inset-0 w-full animate-pulse overflow-hidden rounded-2xl bg-slate-100" />
             <iframe
-              src="https://dashboard.openpanel.dev/share/overview/ZQsEhG?header=0"
+              src="https://dashboard.openpanel.dev/share/overview/zef2XC?header=0"
               className="relative z-10 h-[max(90vh,650px)] w-full rounded-2xl"
               title="Openpanel Dashboard"
               scrolling="no"

apps/public/src/app/page.tsx

@@ -26,7 +26,7 @@ export default function Page() {
             Analytics 😉 Curious how it looks?
           </Lead2>
           <ALink
-            href="https://dashboard.openpanel.dev/share/overview/ZQsEhG"
+            href="https://dashboard.openpanel.dev/share/overview/zef2XC"
             target="_blank"
             className="mt-8"
             variant={'outline'}