fix: optimize code

src/components/layout/theme-selector.tsx

@@ -64,9 +64,9 @@ export function ThemeSelector() {
           size="sm"
           className="cursor-pointer justify-start *:data-[slot=select-value]:w-12"
         >
-          <span className="text-muted-foreground hidden sm:block">
+          {/* <span className="text-muted-foreground hidden sm:block">
             Select a theme:
-          </span>
+          </span> */}
           <span className="text-muted-foreground block sm:hidden">Theme</span>
           <SelectValue placeholder="Select a theme" />
         </SelectTrigger>

src/components/payment/pricing-card.tsx

@@ -75,7 +75,8 @@ export function PricingCard({
   isCurrentPlan = false,
 }: PricingCardProps) {
   const price = getPriceForPlan(plan, interval, paymentType);
-  const formattedPrice = plan.isFree ? 'Free' : price ? formatPrice(price.amount, price.currency) : 'Not Available';
+  const formattedPrice = plan.isFree ? 'Free' : price ? 
+    formatPrice(price.amount, price.currency) : 'Not Available';
   
   // Generate pricing label based on payment type and interval
   let priceLabel = '';

src/components/payment/pricing-table.tsx

@@ -56,6 +56,7 @@ export function PricingTable({
 
   return (
     <div className={className}>
+      {/* Show interval toggle if there are subscription plans */}
       {(hasMonthlyOption || hasYearlyOption) && subscriptionPlans.length > 0 && (
         <div className="flex justify-center mb-8">
           <ToggleGroup 

src/styles/globals.css

@@ -92,7 +92,7 @@
 /* shadcn ui base colors for different themes */
 /* https://ui.shadcn.com/docs/theming#base-colors */
 :root {
-  --radius: 0.625rem;
+  --radius: 0.5rem;
   --background: oklch(1 0 0);
   --foreground: oklch(0.141 0.005 285.823);
   --card: oklch(1 0 0);