mod: change SampleList to about

src/App.tsx

@@ -2,14 +2,7 @@ import React from "react";
 
 import { Routes, Route } from "react-router-dom";
 
-import {
-	Home,
-	Layout,
-	List,
-	ManageList,
-	PageNotFound,
-	SampleList,
-} from "./views";
+import { Home, Layout, List, ManageList, PageNotFound, About } from "./views";
 
 import { useFindUser, useShoppingListData, useShoppingLists } from "./api";
 
@@ -81,7 +74,7 @@ export function App() {
 						/>
 					</Route>
 
-					<Route path="/sample-list" element={<SampleList />}></Route>
+					<Route path="/about" element={<About />}></Route>
 
 					{/* a catch all route for if someone tries to manually navigate to something not created yet */}
 					<Route path="*" element={<PageNotFound />} />

src/views/index.ts

@@ -3,4 +3,4 @@ export * from "./Home";
 export * from "./Layout";
 export * from "./authenticated/List";
 export * from "./unauthenticated/PageNotFound";
-export * from "./unauthenticated/SampleList";
+export * from "./unauthenticated/About";

src/views/unauthenticated/About.tsx

@@ -0,0 +1,22 @@
+import React from "react";
+
+export function About() {
+	return (
+		<div>
+			<section>
+				<h1>How it all works</h1>
+			</section>
+			<section>
+				<h2>Creators</h2>
+				<div>
+					<p></p>
+				</div>
+			</section>
+			<section>
+				<h2>Thank you to</h2>
+				<p>Mentors: Alex, Aditya, Tanner</p>
+				<p>The entire The Collab Lab.</p>
+			</section>
+		</div>
+	);
+}