feat(admin): rewrite orders page with tabs, search, multi-select filters

- AdminOrdersPanel: clean rewrite matching earth-tone theme
- Add status tabs (All/Pending/Picked Up) with pill-style buttons
- Add search bar for name, phone, order ID
- Add stop multi-select dropdown with checkbox filter
- Standard 7-column table with pagination
- UpgradePlanModal: Apple HIG glass-style modal component
- DashboardHeader: reusable header with upgrade modal integration
- DashboardUpgradeButton: standalone upgrade button component
- Update stripe-checkout to support annual billing period
- Fix readability in tools/addons section (darker badges)

src/actions/billing/stripe-checkout.ts

@@ -82,16 +82,19 @@ export async function createStripeCheckoutSession(
 
 export async function createPlanUpgradeCheckout(
   brandId: string,
-  planTier: string
+  planTier: string,
+  billingPeriod?: "monthly" | "annual"
 ): Promise<{ success: boolean; url?: string; error?: string }> {
   if (!["starter", "farm", "enterprise"].includes(planTier)) {
     return { success: false, error: "Invalid plan tier" };
   }
+  const annual = billingPeriod === "annual";
   return createStripeCheckoutSession(
     brandId,
     planTier,
     "/admin/settings/billing",
-    "/admin/settings/billing"
+    "/admin/settings/billing",
+    annual
   );
 }