Automatically optimise SVG assets (#5467)

* add svgo as dev dep

* prefer viewbox

* manual config

* fix config param names

* align config with svgomg

* add lint-staged svgo hook

* edit hook

* add trailing whitespace plugin

* run svgo on existing assets

package.json

@@ -49,7 +49,8 @@
     "export": "npx expo export",
     "make-deploy-bundle": "bash scripts/bundleUpdate.sh",
     "generate-webpack-stats-file": "EXPO_PUBLIC_GENERATE_STATS=1 yarn build-web",
-    "open-analyzer": "EXPO_PUBLIC_OPEN_ANALYZER=1 yarn build-web"
+    "open-analyzer": "EXPO_PUBLIC_OPEN_ANALYZER=1 yarn build-web",
+    "icons:optimize": "svgo -f ./assets/icons"
   },
   "dependencies": {
     "@atproto/api": "^0.13.7",
@@ -272,6 +273,7 @@
     "react-refresh": "^0.14.0",
     "react-scripts": "^5.0.1",
     "react-test-renderer": "18.2.0",
+    "svgo": "^3.3.2",
     "ts-node": "^10.9.1",
     "typescript": "^5.5.4",
     "url-loader": "^4.1.1",
@@ -343,6 +345,9 @@
     ],
     "*{.js,.jsx,.ts,.tsx,.css}": [
       "prettier --cache --write --ignore-unknown"
+    ],
+    "assets/icons/*.svg": [
+      "svgo"
     ]
   }
 }