fix: update docs workflow

Author: ChrisUser

.github/workflows/storybook.yml

@@ -17,10 +17,10 @@ jobs:
             - name: Deploy 🚀
               uses: JamesIves/github-pages-deploy-action@v4
               with:
-                  GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-                  BRANCH: docs # The branch the action should deploy to.
-                  FOLDER: docs-build # The folder that the build-storybook script generates files.
-                  CLEAN: true # Automatically remove deleted files from the deploy branch
+                  token: ${{ secrets.GITHUB_TOKEN }}
+                  branch: docs # The branch the action should deploy to.
+                  folder: docs-build # The folder that the build-storybook script generates files.
+                  clean: true # Automatically remove deleted files from the deploy branch
                   clean-exclude: |
                       .nojekyll
-                  TARGET_FOLDER: docs # The folder that we serve our Storybook files from
+                  target-folder: docs # The folder that we serve our Storybook files from

src/main.tsx

@@ -28,7 +28,7 @@ const App = () => {
     ]
 
     return (
-        <div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center', flexDirection: 'column', gap: 32, width: '100%', marginTop: 24 }}>
+        <div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center', flexDirection: 'column', gap: 32, width: '100%', marginTop: 32 }}>
             <div style={{ padding: '24px 0', width: '60%' }}>
                 <UsageBar showFallbackColors items={itemsToDisplay} total={100} />
             </div>