Add jellyfin branding

fe/src/App.css

@@ -26,15 +26,16 @@ h1 {
 }
 
 .logo {
-  height: 6em;
-  padding: 1.5em;
   will-change: filter;
   transition: filter 300ms;
+  transform: translateY(7px);
+  margin-right: 5px;
 }
-.logo:hover {
+
+h1:hover {
   filter: drop-shadow(0 0 2em #646cffaa);
 }
-.logo.react:hover {
+h1:hover {
   filter: drop-shadow(0 0 2em #61dafbaa);
 }
 

fe/src/App.tsx

@@ -2,8 +2,7 @@ import { useState } from 'react'
 
 import Search from './components/search/Search'
 
-import reactLogo from './assets/react.svg'
-import viteLogo from '/vite.svg'
+import jellyfin from './assets/jellyfin.svg'
 import './App.css'
 
 function App() {
@@ -14,7 +13,10 @@ function App() {
 
   return (
     <>
-      <h1>Wishlist</h1>
+      <h1>
+      <img src={jellyfin} className="logo" alt="Jellyfin logo" height="50px" width="50px" />
+        Wishlist
+      </h1>
       <Search
         setSearchResults={setSearchResults}
         searchString={searchString}

fe/src/assets/jellyfin.svg

@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- ***** BEGIN LICENSE BLOCK *****
+  - Part of the Jellyfin project (https://jellyfin.media)
+  - 
+  - All copyright belongs to the Jellyfin contributors; a full list can
+  - be found in the file CONTRIBUTORS.md
+  - 
+  - This work is licensed under the Creative Commons Attribution-ShareAlike 4.0 International License.
+  - To view a copy of this license, visit http://creativecommons.org/licenses/by-sa/4.0/.
+- ***** END LICENSE BLOCK ***** -->
+<svg version="1.1" id="icon-transparent" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512">
+	<defs>
+		<linearGradient id="linear-gradient" gradientUnits="userSpaceOnUse" x1="110.25" y1="213.3" x2="496.14" y2="436.09">
+			<stop offset="0" style="stop-color:#AA5CC3"/>
+			<stop offset="1" style="stop-color:#00A4DC"/>
+		</linearGradient>
+	</defs>
+	<title>icon-transparent</title>
+	<g id="icon-transparent">
+		<path id="inner-shape" d="M256,201.6c-20.4,0-86.2,119.3-76.2,139.4s142.5,19.9,152.4,0S276.5,201.6,256,201.6z" fill="url(#linear-gradient)"/>
+		<path id="outer-shape" d="M256,23.3c-61.6,0-259.8,359.4-229.6,420.1s429.3,60,459.2,0S317.6,23.3,256,23.3z
+		M406.5,390.8c-19.6,39.3-281.1,39.8-300.9,0s110.1-275.3,150.4-275.3S426.1,351.4,406.5,390.8z" fill="url(#linear-gradient)"/>
+	</g>
+</svg>