Prepare v0.3.10

VERSION

@@ -1 +1 @@
-0.3.9
+0.3.10

package.json

@@ -1,62 +1,62 @@
 {
-    "name": "pixelaw-web",
-    "private": true,
-    "version": "0.3.9",
-    "type": "module",
-    "packageManager": "[email protected]",
-    "scripts": {
-        "dev": "vite",
-        "build-prod": "tsc && vite build",
-        "build": "vite build",
-        "preview": "vite preview",
-        "test": "vitest",
-        "coverage": "vitest run --coverage",
-        "graphql-codegen": "graphql-codegen --config graphql-codegen.ts",
-        "upgrade_dojo": "yarn add @dojoengine/core @dojoengine/create-burner @dojoengine/react @dojoengine/recs @dojoengine/state @dojoengine/torii-client @dojoengine/utils"
-    },
-    "dependencies": {
-        "@dojoengine/core": "^1.0.0-alpha.0",
-        "@dojoengine/create-burner": "^1.0.0-alpha.0",
-        "@dojoengine/react": "^1.0.0-alpha.0",
-        "@dojoengine/recs": "^2.0.13",
-        "@dojoengine/state": "^1.0.0-alpha.0",
-        "@dojoengine/torii-client": "^1.0.0-alpha.0",
-        "@dojoengine/utils": "^1.0.0-alpha.0",
-        "@react-hook/resize-observer": "^2.0.1",
-        "@types/upng-js": "^2.1.5",
-        "autoprefixer": "^10.4.19",
-        "browserify-zlib": "^0.2.0",
-        "dotenv": "^16.4.5",
-        "graphql": "^16.8.1",
-        "graphql-request": "^7.0.1",
-        "idb-keyval": "^6.2.1",
-        "immer": "^10.1.1",
-        "pngjs3": "^6.1.1",
-        "postcss": "^8.4.38",
-        "react": "^18.3.1",
-        "react-dom": "^18.3.1",
-        "react-router-dom": "^6.23.1",
-        "starknet": "^6.9.0",
-        "tailwindcss": "^3.4.4",
-        "tailwindcss-animate": "^1.0.7",
-        "upng-js": "^2.1.0",
-        "zustand": "^4.5.2"
-    },
-    "devDependencies": {
-        "@biomejs/biome": "1.8.3",
-        "@graphql-codegen/cli": "^5.0.2",
-        "@graphql-codegen/typescript-graphql-request": "^6.2.0",
-        "@types/react": "^18.3.3",
-        "@types/react-dom": "^18.2.22",
-        "@vitejs/plugin-react": "^4.2.1",
-        "@vitest/coverage-v8": "^1.6.0",
-        "globals": "^15.8.0",
-        "typescript": "^5.5.3",
-        "vite": "^5.2.0",
-        "vite-envs": "^4.3.2",
-        "vite-plugin-graphql-loader": "^3.0.1",
-        "vite-plugin-top-level-await": "^1.4.1",
-        "vite-plugin-wasm": "^3.3.0",
-        "vitest": "^1.6.0"
-    }
+  "name": "pixelaw-web",
+  "private": true,
+  "version": "0.3.10",
+  "type": "module",
+  "packageManager": "[email protected]",
+  "scripts": {
+    "dev": "vite",
+    "build-prod": "tsc && vite build",
+    "build": "vite build",
+    "preview": "vite preview",
+    "test": "vitest",
+    "coverage": "vitest run --coverage",
+    "graphql-codegen": "graphql-codegen --config graphql-codegen.ts",
+    "upgrade_dojo": "yarn add @dojoengine/core @dojoengine/create-burner @dojoengine/react @dojoengine/recs @dojoengine/state @dojoengine/torii-client @dojoengine/utils"
+  },
+  "dependencies": {
+    "@dojoengine/core": "^1.0.0-alpha.0",
+    "@dojoengine/create-burner": "^1.0.0-alpha.0",
+    "@dojoengine/react": "^1.0.0-alpha.0",
+    "@dojoengine/recs": "^2.0.13",
+    "@dojoengine/state": "^1.0.0-alpha.0",
+    "@dojoengine/torii-client": "^1.0.0-alpha.0",
+    "@dojoengine/utils": "^1.0.0-alpha.0",
+    "@react-hook/resize-observer": "^2.0.1",
+    "@types/upng-js": "^2.1.5",
+    "autoprefixer": "^10.4.19",
+    "browserify-zlib": "^0.2.0",
+    "dotenv": "^16.4.5",
+    "graphql": "^16.8.1",
+    "graphql-request": "^7.0.1",
+    "idb-keyval": "^6.2.1",
+    "immer": "^10.1.1",
+    "pngjs3": "^6.1.1",
+    "postcss": "^8.4.38",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-router-dom": "^6.23.1",
+    "starknet": "^6.9.0",
+    "tailwindcss": "^3.4.4",
+    "tailwindcss-animate": "^1.0.7",
+    "upng-js": "^2.1.0",
+    "zustand": "^4.5.2"
+  },
+  "devDependencies": {
+    "@biomejs/biome": "1.8.3",
+    "@graphql-codegen/cli": "^5.0.2",
+    "@graphql-codegen/typescript-graphql-request": "^6.2.0",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.2.22",
+    "@vitejs/plugin-react": "^4.2.1",
+    "@vitest/coverage-v8": "^1.6.0",
+    "globals": "^15.8.0",
+    "typescript": "^5.5.3",
+    "vite": "^5.2.0",
+    "vite-envs": "^4.3.2",
+    "vite-plugin-graphql-loader": "^3.0.1",
+    "vite-plugin-top-level-await": "^1.4.1",
+    "vite-plugin-wasm": "^3.3.0",
+    "vitest": "^1.6.0"
+  }
 }

src/components/Viewport/Apps/Apps.module.css

@@ -1,16 +1,15 @@
 .inner {
     background-color: white;
-    padding: 1rem; /* Adjusted padding */
-    border-radius: 1rem; /* More rounded corners */
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Softer shadow */
+    padding: 1rem;
+    border-radius: 1rem;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
     display: flex;
-    flex-wrap: wrap; /* Allow wrapping of buttons */
-    justify-content: center; /* Center buttons horizontally */
-    gap: 0.5rem; /* Gap between buttons */
+    flex-wrap: wrap;
+    justify-content: flex-start;
+    gap: 0.5rem;
     width: 100vw;
-
-    flex-direction: column; /* Stack items vertically */
-    align-items: center; /* Center items vertically */
+    flex-direction: column;
+    align-items: center;
 }
 
 .selected {