Fixed Some Bugs

src/pages/buttons.astro

@@ -1,22 +1,12 @@
 ---
-import Base from "../layouts/Base.astro";
+import ComponentLayout from "../layouts/ComponentLayout.astro";
 import Button from "../components/Button.astro";
-import ThemeSwitcher from "../components/ThemeSwitcher.astro";
-import ColorSwitcher from "../components/ColorSwitcher.astro";
 ---
 
-<Base>
-    <ThemeSwitcher
-        ui="select"
-        darkBgClass={["wr:dark:bg-neutral-700", "wr:text-white"]}
-        lightBgClass={["wr:bg-white", "wr:text-black"]}
-        rootExtraClass=""
-    />
-    <ColorSwitcher />
-
+<ComponentLayout>
     <div class="wr:p-4">
         <Button
-            variant="outline"
+            variant="solid"
             icon="lets-icons:check-ring-duotone-line"
             color="primary"
             size="md"
@@ -24,4 +14,4 @@ import ColorSwitcher from "../components/ColorSwitcher.astro";
             Submit
         </Button>
     </div>
-</Base>
+</ComponentLayout>