Feat/logo top left

frontend/index.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>frontend</title>
+    <title>Damp</title>
   </head>
   <body>
     <div id="root"></div>

frontend/src/App.tsx

@@ -3,6 +3,7 @@ import { GameList } from './components/GameList/GameList';
 import { mockGames } from './mocks/games';
 import { SearchBar } from './components/SearchBar/SearchBar';
 import { useDebounce } from './hooks/useDebounce';
+import { Logo} from './components/Logo/Logo';
 
 /**
  * Midlertidig forside: viser spillene med mockdata til GraphQL er klart.
@@ -32,8 +33,8 @@ function App() {
   };
 
   return (
-    <main style={{ padding: '0 24px' }}>
-      <h1>Spill</h1>
+    <main style={{ padding: '20px 24px' }}>
+      <Logo /> {/* NY: logoen øverst til høyre */}
       <SearchBar value={input} onChange={setInput} />
       <h2>Søkeresultater</h2>