update workspace environment and add instructional gifs

Author: HansUXdev

.gitpod.yml

@@ -7,33 +7,13 @@ image:
 vscode:
   extensions:
     - evilz.vscode-reveal@4.0.4:q3Ae+UO4Nv6SYzToAsa1zw==
+    - formulahendry.code-runner@0.11.0:HNAnyDKL6fUn1G8QfbKLpQ==
+    - statiolake.vscode-markdown-run-snippet@0.2.0:R4O1V3NAkPiU5xUmL5RdkQ==
+    - gitduck.code-streaming@0.1.22:FAJJ3grzJhtcEbaQvZSuQg==
+    - softwaredotcom.music-time@2.0.16:2mU8lWUWN53SChBCjrE8VA==
     - HansUXdev.bootstrap5-snippets@1.2.3:e23xRdDNFFIPdzsiYVQ07g==
-    # Social Extensions
-    - gitduck.code-streaming@0.1.19:RXILT8f/xwHb6pExTCYwBw==
-    - genuitecllc.codetogether@2.1.0:eZg1osLJ9axpcVQrZdSdvw==
-    - vsls-contrib.codetour@0.0.33:iE864lCLSbwy9cG9lCgaYw==
-    - gitduck.code-streaming@0.1.19:RXILT8f/xwHb6pExTCYwBw==
-    - jebbs.plantuml@2.13.12:q7DiD6H5NTesaWYIXmeMMQ==
-    - adpyke.codesnap@1.0.27:x5fuIBtlRw4o0shdGIS5+w==
-    # View Documents
-    - auchenberg.vscode-browser-preview@0.6.7:UsqnxvUQdYtm8ZISiN056w==
-    - bringout.pdf-view@2.2.2:m2alWRlC9L/tyX8kV/oeNg==
-    - joelday.docthis@0.7.1:OOpm9cdbc8T5+PL4o+MM3Q==
-    - aaron-bond.better-comments@2.1.0:w1dHZXyFPGn7vpca57Nf5g==
-    # SVG
-    - jock.svg@1.3.5:saP8NjiKhPIJgolGEL9E3g==
-    - idleberg.svg-icons@0.7.0:ktzpetSpTEIdU0RF39/Dgg==
-    # Snippets
-    # - abusaidm.html-snippets@0.2.1:7b7Vkkp6Lem9WOqKCYMq2w==
-    # - Zignd.html-css-class-completion@1.19.0:b3YWQQIEP1z3u93nyLX0UA==
-    # - thekalinga.bootstrap4-vscode@6.1.0:duaQhthWtxWBzXAGe+5GKQ==
-    # - dsznajder.es7-react-js-snippets@2.8.2:Oslxvz4UUDeKPjbcLgPwdQ==
-    # - fivethree.vscode-ionic-snippets@2.2.2:Ply5R23KZJUx7j67niwLJQ==
-    # - fivethree.vscode-svelte-snippets@0.5.0:rRkcaFrMb8wbTuH6kbGEQQ==
-    # Lint
-    # - dbaeumer.vscode-eslint@2.1.3:1NRvj3UKNTNwmYjptmUmIw==
-    # Documentation
-  
+    - HansUXdev.javascript-first-snippets@0.0.1:lZ24pWpflw/NOdGtfdx/hg==
+
 ports:
 - port: 3000
   onOpen: open-preview