🎉 - [react-personal-anniversary-counter] - Added devcontainers

I know this version of the docker images hasn't been made yet, but I'm sure it will be at some point, so this is an attempt to have it there ahead of time

samples/react-personal-anniversary-counter/.devcontainer/devcontainer.json

@@ -0,0 +1,31 @@
+{
+    "name":  "SPFx 1.18.2",
+    "image":  "docker.io/m365pnp/spfx:1.18.2",
+    "settings":  {
+
+                 },
+    "extensions":  [
+                       "editorconfig.editorconfig",
+                       "dbaeumer.vscode-eslint"
+                   ],
+    "forwardPorts":  [
+                         4321,
+                         35729
+                     ],
+    "portsAttributes":  {
+                            "4321":  {
+                                         "protocol":  "https",
+                                         "label":  "Manifest",
+                                         "onAutoForward":  "silent",
+                                         "requireLocalPort":  true
+                                     },
+                            "35729":  {
+                                          "protocol":  "https",
+                                          "label":  "LiveReload",
+                                          "onAutoForward":  "silent",
+                                          "requireLocalPort":  true
+                                      }
+                        },
+    "postCreateCommand":  "bash .devcontainer/spfx-startup.sh",
+    "remoteUser":  "node"
+}

samples/react-personal-anniversary-counter/.devcontainer/spfx-startup.sh

@@ -0,0 +1,34 @@
+echo
+echo -e "\e[1;94mInstalling Node dependencies\e[0m"
+npm install
+
+## commands to create dev certificate and copy it to the root folder of the project
+echo
+echo -e "\e[1;94mGenerating dev certificate\e[0m"
+gulp trust-dev-cert
+
+# Convert the generated PEM certificate to a  CER certificate
+openssl x509 -inform PEM -in ~/.rushstack/rushstack-serve.pem -outform DER -out ./spfx-dev-cert.cer
+
+# Copy the PEM ecrtificate for non-Windows hosts
+cp ~/.rushstack/rushstack-serve.pem ./spfx-dev-cert.pem
+
+## add *.cer to .gitignore to prevent certificates from being saved in repo
+if ! grep -Fxq '*.cer' ./.gitignore
+  then
+    echo "# .CER Certificates" >> .gitignore
+    echo "*.cer" >> .gitignore
+fi
+
+## add *.pem to .gitignore to prevent certificates from being saved in repo
+if ! grep -Fxq '*.pem' ./.gitignore
+  then
+    echo "# .PEM Certificates" >> .gitignore
+    echo "*.pem" >> .gitignore
+fi
+
+echo
+echo -e "\e[1;92mReady!\e[0m"
+
+echo -e "\n\e[1;94m**********\nOptional: if you plan on using gulp serve, don't forget to add the container certificate to your local machine. Please visit https://aka.ms/spfx-devcontainer for more information\n**********"
+No newline at end of file