Refactor and improve peformance (#20)

* feat: split hero content into a different component

* refactor: Hero component

* refactor: animations

* refactor: Game component

* refactor: index page

* refactor: components directory structure

* refactor: document class name and remove viewport meta

* refactor: move symbols and symbolAssets into a common place

* refactor: document

* refactor: Avatar into PlayerAvatar

* refactor: GameResult with PlayerAvatar

* feat: add support for providing custom size to PlayerAvatar

* refactor: AvatarPicker

* refactor: Play page with AvatarPicker

* fix: increase contrast for gray colour

* refactor: Container to Wrapper

* refactor: `Container`  => `Wrapper`

* Install packages

* Format crypto code

* Remove unused import

* Fix server url env value

.gitignore

@@ -1,5 +1,8 @@
 # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 
+# IGNORE: TODO
+TODO
+
 # dependencies
 node_modules
 /.pnp

.vscode/launch.json

@@ -0,0 +1,17 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "type": "chrome",
+            "request": "launch",
+            "name": "Brave",
+            "runtimeExecutable": "/Applications/Brave Browser.app/Contents/MacOS/Brave Browser",
+            "userDataDir": true,
+            "url": "http://localhost:3000",
+            "webRoot": "${workspaceFolder}/frontend"
+        }
+    ]
+}