feat: Add more base component to UI

services/www/src/content.config.ts

@@ -3,7 +3,7 @@ import { defineCollection, z } from 'astro:content';
 
 const articles = defineCollection({
   // Load all markdown and MDX files from the content/articles directory
-  loader: glob({ pattern: "**/*.{md,mdx}", base: "./content/articles" }),
+  loader: glob({ pattern: '**/*.{md,mdx}', base: './content/articles' }),
   schema: z.object({
     title: z.string(),
     description: z.string().optional(),

services/www/src/global.css

@@ -1,2 +1,2 @@
-@import "../../../packages/ui/src/styles/index.css";
+@import '../../../packages/ui/src/styles/index.css';
 @source "../../../packages/ui/src";

services/www/src/layouts/ArticleLayout/ArticleLayout.stories.tsx

@@ -48,7 +48,7 @@ export const Default: Story = {
       </p>
 
       <pre>
-<code>{`// services/www/src/content.config.ts
+        <code>{`// services/www/src/content.config.ts
 import { defineCollection, z } from 'astro:content';
 import { glob } from 'astro/loaders';
 

services/www/src/layouts/ArticleLayout/ArticleLayout.tsx

@@ -93,9 +93,7 @@ export const ArticleLayout: React.FC<ArticleLayoutProps> = ({
           <h1 className="leading-tight">{title}</h1>
 
           {description && (
-            <p className="text-muted-foreground text-l leading-relaxed italic">
-              {description}
-            </p>
+            <p className="text-muted-foreground text-l leading-relaxed italic">{description}</p>
           )}
         </VStack>
       </header>