fix: removing meta tags

Author: georgewrmarshall

docs/BrandColors.mdx

@@ -1,8 +1,6 @@
-import { Canvas, Meta } from '@storybook/blocks';
+import { Canvas } from '@storybook/blocks';
 import * as BrandColorStories from './BrandColors.stories';
 
-<Meta of={BrandColorStories} />
-
 # Brand colors (first tier)
 
 Brand colors form the foundation of our color system. They use literal color names (like red, green, etc.) and a numeric scale (where 000 is light and 900 is dark) by default. These colors are essential to maintaining visual consistency across our products and are primarily used as a reference for the [theme colors](/docs/colors-themecolors--docs).

docs/BrandColors.stories.tsx

@@ -5,7 +5,7 @@ import { ColorSwatchGroup } from './components';
 import README from './BrandColors.mdx';
 
 const meta: Meta<typeof ColorSwatchGroup> = {
-  title: 'Colors/BrandColors',
+  title: 'Colors/Brand Colors',
   component: ColorSwatchGroup,
   parameters: {
     docs: {

docs/ThemeColors.mdx

@@ -1,8 +1,6 @@
-import { Meta, Canvas } from '@storybook/addon-docs/blocks';
+import { Canvas } from '@storybook/addon-docs/blocks';
 import * as ThemeColorStories from './ThemeColors.stories';
 
-<Meta title="Design Tokens/Theme Colors" of={ThemeColorStories.default} />
-
 # Theme Colors (second tier)
 
 Theme colors are design tokens that are named based on their function rather than their actual color values. This makes them adaptable to different themes and ensures consistency and accessibility across your project.

docs/ThemeColors.stories.tsx

@@ -4,7 +4,7 @@ import { ColorSwatchGroup } from './components';
 import README from './ThemeColors.mdx';
 
 export default {
-  title: 'Colors/ThemeColors',
+  title: 'Colors/Theme Colors',
   component: ColorSwatchGroup,
   parameters: {
     docs: {