[CONFIG] Added .vscode folder with proper settings & extensions, based on my guidelines (https://github.com/sqmasep/guidelines)

Author: sqmasep

.gitignore

@@ -0,0 +1,7 @@
+node_modules
+
+dist
+
+.vscode/*
+!.vscode/extensions.json
+!.vscode/settings.json

.vscode/extensions.json

@@ -0,0 +1,16 @@
+{
+  "recommendations": [
+    "dbaeumer.vscode-eslint", // ESLint
+    "esbenp.prettier-vscode", // Prettier
+    "aaron-bond.better-comments", // Better comments
+    "wayou.vscode-todo-highlight", // Highlight comments
+    "usernamehw.errorlens", // Error Lens
+    "wix.vscode-import-cost", // Import cost
+    "eamodio.gitlens", // Git history, blame, ...
+    "yoavbls.pretty-ts-errors", // Better TS errors explanations
+
+    "formulahendry.auto-close-tag", // Close HTML tags automatically
+    "formulahendry.auto-rename-tag", // Rename HTML tags automatically
+    "meganrogge.template-string-converter" // Convert "" to `` when typing ${
+  ]
+}

.vscode/settings.json

@@ -0,0 +1,45 @@
+{
+  // Typescript
+  "typescript.tsdk": "node_modules/typescript/lib",
+  "typescript.enablePromptUseWorkspaceTsdk": true,
+  "javascript.updateImportsOnFileMove.enabled": "always",
+  "typescript.updateImportsOnFileMove.enabled": "always",
+
+  // Prettier
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.formatOnSave": true,
+  "editor.formatOnPaste": true,
+
+  // Better comments
+  "better-comments.tags": [
+    {
+      "tag": "TODO",
+      "color": "#00FFF2",
+      "backgroundColor": "#001C1B"
+    },
+    { "tag": "WARN", "color": "#FF8C00", "backgroundColor": "#1C0F00" },
+    { "tag": "FIXME", "color": "#F1411A", "backgroundColor": "#1C0803" },
+    {
+      "tag": "DANGER [SECURITY]",
+      "color": "#e55",
+      "bold": true,
+      "backgroundColor": "#1C0404"
+    },
+    { "tag": "DANGER", "color": "#e55", "backgroundColor": "#1C0404" },
+    {
+      "tag": "INFO",
+      "color": "#3498DB",
+      "italic": true,
+      "backgroundColor": "#07131C"
+    },
+    { "tag": "//", "color": "#474747", "strikethrough": true }
+  ],
+  "todohighlight.isEnable": true,
+  "todohighlight.isCaseSensitive": true,
+  "todohighlight.defaultStyle": { "borderRadius": "4px" },
+  "todohighlight.keywords": [
+    { "text": "[TS]", "color": "#A7D3FF", "backgroundColor": "#25415C" },
+    { "text": "[REFACTOR]", "color": "#e55", "backgroundColor": "#0000" },
+    { "text": "[A11Y]", "color": "#5c5", "backgroundColor": "#0000" }
+  ]
+}