Refactor localization keys to use dot notation for consistency across… (#464)

* Refactor localization keys to use dot notation for consistency across documentation and components

* chore: bump version to 3.0.1 in package.json

* Remove console log from SidebarLayout and update migration documentation for AlertDialog usage within Dropdowns

* Update dashboard image to improve visual assets

docs/recipes/stripe-billing-checkout-addons.mdoc

@@ -670,19 +670,19 @@ function PlanDetails({
         <span className={'text-sm font-medium'}>
           <b>
             <Trans
-              i18nKey={`billing:plans.${selectedProduct.id}.name`}
+              i18nKey={`billing.plans.${selectedProduct.id}.name`}
               defaults={selectedProduct.name}
             />
           </b>{' '}
           <If condition={isRecurring}>
-            / <Trans i18nKey={`billing:billingInterval.${selectedInterval}`} />
+            / <Trans i18nKey={`billing.billingInterval.${selectedInterval}`} />
           </If>
         </span>
 
         <p>
           <span className={'text-muted-foreground text-sm'}>
             <Trans
-              i18nKey={`billing:plans.${selectedProduct.id}.description`}
+              i18nKey={`billing.plans.${selectedProduct.id}.description`}
               defaults={selectedProduct.description}
             />
           </span>