Add custom elements language server for todo-app (#7064)

# Pull Request

## 📖 Description

This PR takes the changes from #6900 and applies them with some documentation and an update to the package lock instead of the previous yarn lock.

Thanks @matteematt! We are moving our default branch from `master` to `main` but I wanted to get your change in here. If you'd like to add some additional info to our documentation site that would be 💯.

## ✅ Checklist

### General

<!--- Review the list and put an x in the boxes that apply. -->

- [ ] I have included a change request file using `$ npm run change`
- [ ] I have added tests for my changes.
- [x] I have tested my changes.
- [x] I have updated the project documentation to reflect my changes.
- [x] I have read the [CONTRIBUTING](https://github.com/microsoft/fast/blob/master/CONTRIBUTING.md) documentation and followed the [standards](https://github.com/microsoft/fast/blob/master/CODE_OF_CONDUCT.md#our-standards) for this project.

examples/todo-app/README.md

@@ -3,3 +3,6 @@
 A Todo app, written entirely with fast-element.
 
 > Note: A step by step tutorial will be coming to the site soon. In the mean time, you can run `npm install` and then `npm start` to see the example.
+
+> Note: This example uses an LSP, to enable this in VS Code try the following:
+> - Open a javascript/typescript file and use the command palette to `Select typescript version` and choose the local workspace version.

examples/todo-app/package.json

@@ -27,11 +27,13 @@
     "tslib": "^2.6.3"
   },
   "devDependencies": {
+    "@genesiscommunitysuccess/cep-fast-plugin": "^5.0.3",
+    "@genesiscommunitysuccess/custom-elements-lsp": "^5.0.3",
     "@types/node": "^20.12.8",
     "ts-loader": "^9.3.0",
     "typescript": "~4.7.0",
+    "webpack": "^5.92.1",
     "webpack-cli": "^5.1.4",
-    "webpack-dev-server": "^5.0.4",
-    "webpack": "^5.92.1"
+    "webpack-dev-server": "^5.0.4"
   }
 }

examples/todo-app/tsconfig.json

@@ -1,5 +1,19 @@
 {
   "compilerOptions": {
+    "plugins": [
+      {
+        "name": "@genesiscommunitysuccess/custom-elements-lsp",
+        "srcRouteFromTSServer": "../../../examples/todo-app",
+        "parser": {
+          "fastEnable": true,
+          "timeout": 2000,
+          "dependencies": [ "!**/@custom-elements-manifest/**/*" ]
+        },
+        "plugins": [
+          "@genesiscommunitysuccess/cep-fast-plugin"
+        ]
+      }
+    ],
     "pretty": true,
     "target": "ES2015",
     "module": "ES2015",