Move Header.tsx into components directory

src/App.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import './App.css';
-import { Header } from './Header';
+import Header from './components/Header';
 import { Filters } from './Filters';
 import { Pokemon } from './features/Pokedex/Pokemon';
 

src/Header.tsx

@@ -1,12 +0,0 @@
-import React from 'react';
-import logo from './assets/poke_logo.png';
-
-export function Header() {
-  return (
-    <div>
-      <div className="poke__logos">
-        <img src={logo} />
-      </div>
-    </div>
-  );
-}

src/components/Header.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import logo from '../assets/poke_logo.png';
+
+const Header = () => {
+  return (
+    <div>
+      <div className="poke__logos">
+        <img src={logo} alt="Poke Logo" />
+      </div>
+    </div>
+  );
+};
+
+export default Header;