Create reusable navbar component #25

[kemoia]

• Implemented a reusable navigation component in components/navbar/Navbar.tsx for the dictionary frontend.
• Updated app/layout.tsx to render the shared navbar globally
• Updated app/(app)/layout.tsx to remove duplicate navbar rendering.

[dev-murphy]

Issues

Error message when navigating between pages

There is an error when a user tries to navigate between different pages. Please see the error message below.

Invalid src prop (https://images.unsplash.com/photo-1523275335684-37898b6baf30?w=400&h=300&fit=crop&crop=center) on next/image, hostname "images.unsplash.com" is not configured under images in your next.config.js
See more info: https://nextjs.org/docs/messages/next-image-unconfigured-host

Screenshot of Error

Logos in navigation bar

The logo in the navigation bar doesn't match what is present in the design. Please see the difference below (the one on the left is what you have, the one on the right is what's on the design).

Solution: Replace the src for the image from /logo_dic.jpg to /dictionary.svg