Bb/bootstrap integration (#45)

* feat: add bootstrap & react-bootstrap to application

* style: changing all buttons to react-bootstrap buttons

* style: change all forms over to react-bootstrap

* fix: adding clearing func & button to filter list b/c react-bootstrap doesn't utilize input="search"

* fix: correcting the import statements for react-bootstrap to the preferred

* style: update navbar to use react-bootstrap

* fix:  update navbar to use Nav.Link `react-bootstrap` components

* fix: putting back bg-color from css classes and making sure nav bar sticks to bottom

* fix: main area fo page scrolls on long list now

index.html

@@ -11,6 +11,12 @@
 			content="A smart shopping list that learns your purchase habits and makes suggestions, so you don't forget to buy what's important."
 		/>
 		<link rel="icon" type="image/svg+xml" href="/src/favicon.ico" />
+		<link
+			rel="stylesheet"
+			href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
+			integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN"
+			crossorigin="anonymous"
+		/>
 		<meta name="color-scheme" content="dark light" />
 		<title>Smart Shopping List</title>
 		<script type="module" src="/src/index.tsx" async></script>