feat: add Button component with primary and secondary styles, including disabled state

src/pages/index.astro

@@ -5,6 +5,7 @@ import Toggle from '../components/Toggle/toggle.astro';
 import Tab from '../components/Tabs/tab.astro';
 import TabItem from '../components/Tabs/tabItem.astro';
 import TabContent from '../components/Tabs/tabContent.astro';
+import Button from '../components/Button/button.astro';
 import {
   Arrow2Icon, BinIcon, BurgerIcon, CalendarIcon, CheckIcon, CloseIcon,
   CodeIcon, CubeIcon, DownloadIcon, FilterIcon, HelpIcon, HomeIcon,
@@ -19,6 +20,14 @@ const initialChecked = true;
 <Layout>
   <main>
     <h1>Nova Design System</h1>
+    <section>
+      <h2>Button</h2>
+      <div style="display: flex; flex-direction: column; gap: var(--nds-spacing-md);">
+        <Button type="primary">Primary Button</Button>
+        <Button type="secondary">Secondary Button</Button>
+        <Button type="primary" disabled>disabled</Button>
+      </div>
+    </section>
     <section>
       <h2>Tabs</h2>
       <div style="display: flex; flex-direction: column; gap: var(--nds-spacing-md);">