improved the layout for user experience

.github/workflows/deploy.yml

@@ -1,34 +1,34 @@
-name: Deploy to GitHub Pages
-
-on:
-  push:
-    branches:
-      - main # or your default branch name
-
-permissions:
-  contents: write
-
-jobs:
-  build-and-deploy:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-
-      - name: Setup Node.js
-        uses: actions/setup-node@v4
-        with:
-          node-version: '18' # or your preferred version
-
-      - name: Install Dependencies
-        run: npm install
-
-      - name: Build
-        run: npm run build
-
-      - name: Deploy
-        uses: JamesIves/github-pages-deploy-action@v4
-        with:
-          folder: dist # The folder the action will deploy from
-          branch: gh-pages
-          clean: true # Automatically remove deleted files from the deployment
+name: Deploy to GitHub Pages
+
+on:
+  push:
+    branches:
+      - main # or your default branch name
+
+permissions:
+  contents: write
+
+jobs:
+  build-and-deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '18' # or your preferred version
+
+      - name: Install Dependencies
+        run: npm install
+
+      - name: Build
+        run: npm run build
+
+      - name: Deploy
+        uses: JamesIves/github-pages-deploy-action@v4
+        with:
+          folder: dist # The folder the action will deploy from
+          branch: gh-pages
+          clean: true # Automatically remove deleted files from the deployment