Header + Footer

[brandon-lerit]

Hi Eric and Sanika!

branch-name: header-and-footer

For this week's ticket, we want you to build the header and footer.
https://www.figma.com/design/mV2FNI60NMO6BIUnBLnnhS/%F0%9F%8F%A5-MedExplain?node-id=52-7185&t=x9FgqNzzWKJuvDpA-0

Tasks

• Create two folders:
  • client/components/molecules/Header/
  • client/components/molecules/Footer/
• Add files: Header.tsx & Footer.tsx to the corresponding folder
• Create both the header and footer matching the styles at the above Figma link
• For icons, follow these steps
  • Download the following package:

    npm install lucide-react-native
    

  • See the icon list here: https://lucide.dev/icons/
  • Here is a usage example for the icons

    import { Search } from "lucide-react-native";
    
    <Search size={24} color="#333" />
    

• This will be static and reused across pages, so no props are needed

Testing

• Import the header and footer into the testing page and ensure it renders correctly

Finishing Up

• Create a PR summarizing your changes.