fix(vite-project): update app to use packages from npm

.npmrc

@@ -1 +1,4 @@
 auto-install-peers=true
+@waldronmatt/demo-ui:registry=https://registry.npmjs.org/
+@waldronmatt/basic-math:registry=https://registry.npmjs.org/
+@waldronmatt/parity:registry=https://registry.npmjs.org/

apps/vite-project/package.json

@@ -11,15 +11,16 @@
     "preview": "vite preview --open"
   },
   "dependencies": {
+    "@waldronmatt/basic-math": "^2.0.0",
+    "@waldronmatt/demo-ui": "^1.1.1",
+    "@waldronmatt/parity": "^2.0.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
     "@types/react": "^18.2.15",
     "@types/react-dom": "^18.2.7",
     "@vitejs/plugin-react-swc": "^3.3.2",
-    "@waldronmatt/basic-math": "workspace:^",
-    "@waldronmatt/parity": "workspace:^",
     "eslint": "^8.49.0",
     "eslint-config-custom": "workspace:^",
     "rimraf": "^3.0.2",

apps/vite-project/src/App.tsx

@@ -1,6 +1,8 @@
 import { useState } from 'react';
 import reactLogo from './assets/react.svg';
 import viteLogo from '/vite.svg';
+import { Button } from '@waldronmatt/demo-ui/components/Button/index.js';
+import { Link } from '@waldronmatt/demo-ui/components/Link/index.js';
 import { addition } from '@waldronmatt/basic-math/addition.js';
 import { isEven } from '@waldronmatt/parity/even.js';
 import './App.css';
@@ -12,23 +14,23 @@ function App() {
   return (
     <>
       <div>
-        <a href="https://vitejs.dev" target="_blank" rel="noreferrer">
+        <Link href="https://vitejs.dev" target="_blank" rel="noreferrer">
           <img src={viteLogo} className="logo" alt="Vite logo" />
-        </a>
-        <a href="https://react.dev" target="_blank" rel="noreferrer">
+        </Link>
+        <Link href="https://react.dev" target="_blank" rel="noreferrer">
           <img src={reactLogo} className="logo react" alt="React logo" />
-        </a>
+        </Link>
       </div>
       <h1>Vite + React</h1>
       <div className="card">
-        <button onClick={() => setAdditionCount((thiscountAddition) => thiscountAddition + 1)}>
+        <Button onClick={() => setAdditionCount((thiscountAddition) => thiscountAddition + 1)}>
           {countAddition} + {countAddition} = {addition(countAddition, countAddition)}
-        </button>
+        </Button>
       </div>
       <div className="card">
-        <button onClick={() => setParityCount((thisCountParity) => thisCountParity + 1)}>
+        <Button onClick={() => setParityCount((thisCountParity) => thisCountParity + 1)}>
           Is {countParity} even? {isEven(countParity) ? 'True' : 'False'}
-        </button>
+        </Button>
       </div>
     </>
   );