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/projects-data-model.mdoc

@@ -2333,13 +2333,13 @@ Let's update the navigation menu to add a new link to the projects page. Update
 
  ```tsx {% title="apps/web/config/team-account-navigation.config.tsx" %} {7-11}
 {
-  label: 'common:routes.dashboard',
+  label: 'common.routes.dashboard',
   path: pathsConfig.app.accountHome.replace('[account]', account),
   Icon: <LayoutDashboard className={iconClasses} />,
   end: true,
 },
 {
-  label: 'common:routes.projects',
+  label: 'common.routes.projects',
   path: `/home/${account}/projects`,
   Icon: <FolderKanban className={iconClasses} />,
 },

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>