move logo to src folder and import in Layout per wireframe

Author: dterceroparker

public/logo.png renamed to src/assets/logo.png

@@ -1,13 +1,10 @@
 import './LandingPage.css';
+import logo from '../assets/logo.png';
 
 export function LandingPage() {
 	return (
 		<div className="landing-container">
-			<img
-				src={`${import.meta.env.BASE_URL}logo.png`}
-				alt="Logo"
-				className="logo"
-			/>
+			<img src={logo} alt="Logo" className="logo" />
 			<h1 className="main-heading">
 				<strong>CollabShop</strong> is more than just a grocery app—it&apos;s a
 				tool that embodies the spirit of teamwork and collaboration. Created by

src/views/LandingPage.jsx

@@ -9,6 +9,7 @@ import {
 import { IconButton } from '../components/IconButton';
 import { useAuth, SignOutButton, SignInButton } from '../api/useAuth.jsx';
 import { auth } from '../api/config.js';
+import logo from '../assets/logo.png';
 import './Layout.css';
 
 /**
@@ -27,7 +28,7 @@ export function Layout() {
 				<header className="Layout-header">
 					{!!user && (
 						<div>
-							<h1>CollabShop</h1>
+							<img src={logo} alt="Logo" className="logo" />
 							<span>Signed in as {auth.currentUser.displayName}</span>
 						</div>
 					)}

src/views/Layout.jsx

@@ -50,7 +50,7 @@ export function Team() {
 					fontSize: '2em',
 				}}
 			>
-				Meet the Team Behind CollabShop
+				Meet the Tgit eam Behind CollabShop
 			</h1>
 			<p
 				style={{