add fontawesome, mui

.devcontainer/.env.example

@@ -1,4 +1,5 @@
 MONGO_DB_USERNAME=chilicilantro
 MONGO_DB_PASSWORD=db!Passw0rd
+FONTAWESOME_KEY=XXXXXXXXXXXXXX
 
 COMPOSE_PROJECT_NAME=chili-and-cilantro_devcontainer

.devcontainer/devcontainer.json

@@ -19,7 +19,7 @@
 	"forwardPorts": [27017],
 
 	// Use 'postCreateCommand' to run commands after the container is created.
-	"postCreateCommand": "./setup-nvm.sh && ./do-yarn.sh && git config --global --add safe.directory /workspace",
+	"postCreateCommand": "./setup-nvm.sh && ./fontawesome-npmrc.sh && ./do-yarn.sh && git config --global --add safe.directory /workspace",
 
 	// Configure tool-specific properties.
 	// "customizations": {},

.devcontainer/docker-compose.yml

@@ -7,6 +7,7 @@ services:
     command: /bin/sh -c "while sleep 1000; do :; done"
     environment:
       NODE_ENV: development
+      FONTAWESOME_KEY: ${FONTAWESOME_KEY}
     depends_on:
       - mongo
     networks:

.gitignore

@@ -1,5 +1,7 @@
 # See http://help.github.com/ignore-files/ for more about ignoring files.
 
+.npmrc
+
 # ignore nx cache
 .nx/
 

fontawesome-npmrc.sh

@@ -0,0 +1,5 @@
+#!/bin/bash
+
+echo "@fortawesome:registry=https://npm.fontawesome.com/
+@awesome.me:registry=https://npm.fontawesome.com/
+//npm.fontawesome.com/:_authToken=$FONTAWESOME_KEY" > .npmrc

package.json

@@ -29,6 +29,15 @@
   },
   "private": true,
   "dependencies": {
+    "@awesome.me/kit-8e0fe4e815": "^1.0.4",
+    "@emotion/react": "^11.13.3",
+    "@emotion/styled": "^11.13.0",
+    "@fortawesome/fontawesome-common-types": "^6.6.0",
+    "@fortawesome/fontawesome-svg-core": "^6.6.0",
+    "@fortawesome/react-fontawesome": "^0.2.2",
+    "@mui/icons-material": "^6.1.1",
+    "@mui/material": "^6.1.1",
+    "@mui/styles": "^6.1.1",
     "@sendgrid/mail": "^8.1.3",
     "@swc/helpers": "0.5.13",
     "axios": "1.7.7",