F0: Add Mercadona logo to navigation and disclaimer footer in master

- Replace h1 title with Mercadona logo SVG in Navigation component
- Add disclaimer footer with AI-generated data notice
- Add CSS styles for logo and disclaimer

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: Alex Fuentes

src/app.tsx

@@ -13,6 +13,10 @@ export const App = () => {
           <AppRoutes />
         </Layout>
       </main>
+      <footer className="disclaimer">
+        La información de los productos ha sido generada con IA y no refleja
+        datos reales. Solo con fines de testing.
+      </footer>
     </>
   )
 }

src/components/navigation/Navigation.css

@@ -16,11 +16,9 @@
   flex-wrap: wrap;
 }
 
-.navigation__title {
-  font-size: var(--font-size-xl);
-  font-weight: 700;
-  margin: 0;
-  color: var(--color-primary);
+.navigation__logo {
+  max-width: 230px;
+  height: auto;
 }
 
 .navigation__list {

src/components/navigation/Navigation.tsx

@@ -4,7 +4,11 @@ export const Navigation = () => {
   return (
     <nav className="navigation">
       <div className="navigation__container">
-        <h1 className="navigation__title">TDD Workshop</h1>
+        <img
+          src="/mercadona-logo.svg"
+          alt="Mercadona"
+          className="navigation__logo"
+        />
       </div>
     </nav>
   )

src/styles/globals.css

@@ -93,4 +93,11 @@ img {
   max-width: 100%;
   height: auto;
   display: block;
+}
+
+.disclaimer {
+  text-align: center;
+  color: var(--color-text-light);
+  font-size: var(--font-size-sm);
+  padding: var(--spacing-md);
 }