added path prop to SingleList Component

src/views/Home.jsx

@@ -1,20 +1,20 @@
 import './Home.css';
 import { SingleList } from '../components';
-export function Home({ data, setListPath }) {
+export function Home({ data, setListPath, path }) {
 	return (
 		<div className="Home">
 			<p>
 				Hello from the home (<code>/</code>) page!
 			</p>
 			<ul>
-				{/* insert path as prop later */}
 				{data &&
 					data.map((list) => {
 						return (
 							<SingleList
-								key={list.id}
+								key={crypto.randomUUID()}
 								name={list.name}
 								setListPath={setListPath}
+								path={path}
 							/>
 						);
 					})}

src/views/List.jsx

@@ -11,11 +11,6 @@ export function List({ data }) {
 					data.map((list) => {
 						return <ListItem key={list.id} name={list.name} />;
 					})}
-				{/**
-				 * TODO: write some JavaScript that renders the `data` array
-				 * using the `ListItem` component that's imported at the top
-				 * of this file.
-				 */}
 			</ul>
 		</>
 	);