minor changes

Author: TwoZer00

public/favicon.ico

@@ -6,8 +6,7 @@
   <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <meta name="theme-color" content="#000000" />
-  <meta name="description" content="Web site created using create-react-app" />
-  <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
+  <meta name="description" content="Play puzzles based on country information" />
   <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/

public/index.html

@@ -1,4 +1,3 @@
-import React from "react";
 import {
   MoonIcon,
   PuzzlePieceIcon as PuzzleIcon,
@@ -7,6 +6,7 @@ import {
   MoonIcon as MoonIconSolid,
   PuzzlePieceIcon as PuzzleIconSolid,
 } from "@heroicons/react/24/solid";
+import React from "react";
 import { Link } from "react-router-dom";
 
 export const Header = ({ dark, setDark }) => {
@@ -22,7 +22,12 @@ export const Header = ({ dark, setDark }) => {
   return (
     <header className="fixed w-full text-sm lg:text-base transition-colors flex flex-row h-20 items-center bg-white/10 backdrop-blur-sm dark:border-0 shadow-lg px-5 lg:px-10 dark:text-white dark:bg-dark-mode-ligth/20">
       <div className="w-full">
-        <Link to={"/"} className="font-bold">
+        <Link to={"/"} className="font-bold flex flex-row items-center gap-2">
+          <img
+            src={dark ? "/wiw1.svg" : "wiw.svg"}
+            alt="Where in the world logo"
+            className={`w-auto h-8 lg:h-10 ${dark ? "bg-white" : "bg-black"} rounded-full p-1 background`}
+          />
           Where in the world?
         </Link>
       </div>