style: update border-radius and padding values across components

- standardize border-radius from 8px to 6px for consistent styling
- adjust padding values from 1rem to 0.75rem for better visual hierarchy
- remove redundant overflow-y properties for cleaner code

docs/.vitepress/theme/components/appendix/component-state-management/ZustandJotaiDemo.vue

@@ -127,12 +127,12 @@ const tabs = [
 <style scoped>
 .zustand-jotai-demo {
   border: 1px solid var(--vp-c-divider);
-  border-radius: 8px;
+  border-radius: 6px;
   background: var(--vp-c-bg-soft);
-  padding: 1rem;
-  margin: 1rem 0;
-  max-height: 600px;
-  overflow-y: auto;
+  padding: 0.75rem;
+  margin: 0.5rem 0;
+  
+  
 }
 
 .demo-header {
@@ -191,7 +191,7 @@ const tabs = [
   padding: 0.6rem 1.2rem;
   background: var(--vp-c-bg);
   border: 1px solid var(--vp-c-divider);
-  border-radius: 8px;
+  border-radius: 6px;
   font-size: 0.85rem;
   color: var(--vp-c-text-2);
   cursor: pointer;
@@ -219,8 +219,8 @@ const tabs = [
 
 .tab-content {
   background: var(--vp-c-bg);
-  border-radius: 8px;
-  padding: 1rem;
+  border-radius: 6px;
+  padding: 0.75rem;
 }
 
 .feature-showcase {
@@ -235,9 +235,9 @@ const tabs = [
   flex-direction: column;
   align-items: center;
   gap: 0.5rem;
-  padding: 1rem;
+  padding: 0.75rem;
   background: var(--vp-c-bg-soft);
-  border-radius: 8px;
+  border-radius: 6px;
   text-align: center;
 }
 
@@ -259,7 +259,7 @@ const tabs = [
 .code-example {
   background: #1e1e1e;
   border-radius: 6px;
-  padding: 1rem;
+  padding: 0.75rem;
   overflow-x: auto;
 }