Voeg Favicon toe aan de VTH-frontend

[AliKdhim87]

User Story:

Als gebruiker van de VTH-frontend wil ik een herkenbaar favicon zien in mijn browser, zodat ik gemakkelijk de VTH-frontend tab kan onderscheiden van andere geopende tabs.

Acceptatie-criteria:

1. Weergave Favicon:

   • Het favicon is zichtbaar in de tab van de browser wanneer de VTH-frontend website is geopend.
   • Het favicon is zichtbaar in de favorietenbalk wanneer de VTH-frontend aan favorieten is toegevoegd.

2. Compatibiliteit:

   • Het favicon wordt correct weergegeven in verschillende browsers (Chrome, Firefox, Safari, Edge).
   • Het favicon wordt correct weergegeven op verschillende apparaten (desktop, tablet, mobiel).

3. Bestandsformaat:

   • Het favicon-bestand is toegevoegd aan de root directory public/favicon van de VTH-frontend.

4. Integratie:

De favicon kan worden toegevoegd aan het layout.tsx bestand. De VTH-frontend heeft twee layout-bestanden:

• vth-frontend/app/[locale]/(nestedNavLayout)/layout.tsx
• vth-frontend/app/[locale]/(rootLayout)/layout.tsx

Voor meer instructies kun je deze commit volgen.

Testen

• Controleer handmatig of het favicon is zichtbaar in de tab van de browser wanneer de VTH-frontend website is geopend.
• Controleer handmatig of het favicon is zichtbaar in de favorietenbalk wanneer de VTH-frontend aan favorieten is toegevoegd.