Add logo with no background

todoblue/src/app/[lang]/(page)/RootHeader.module.css

@@ -0,0 +1,9 @@
+.pageHeader {
+    display: flex;
+    align-items: center;
+    gap: 2ex;
+}
+
+.pageLogo {
+
+}

todoblue/src/app/[lang]/(page)/RootHeader.tsx

@@ -1,5 +1,5 @@
 import {useTranslation} from "@/app/(i18n)/server"
-import style from "@/app/[lang]/page.module.css"
+import style from "./RootHeader.module.css"
 import {default as React} from "react"
 
 
@@ -8,7 +8,8 @@ export async function RootHeader({lng}: {lng: string}) {
 
 	return (
 		<header className={style.pageHeader}>
-			<h1>
+			<img className={style.pageLogo} src={"/logo-nbg-64.png"} alt={""}/>
+			<h1 className={style.pageTitle}>
 				{t("title")}
 			</h1>
 		</header>

todoblue/src/app/[lang]/(page)/StarredBoardsPanel.tsx

@@ -28,7 +28,7 @@ export function StarredBoardsPanel({lng}: {lng: string}) {
 			</p>
 		</>
 	}
-	if(starred.length === 0) {
+	else if(starred.length === 0) {
 		content = <>
 			<p>
 				{t("existingStarredBoardsEmptyDescription")}

todoblue/src/middleware.ts

@@ -18,6 +18,6 @@ export function middleware(request: NextRequest) {
 
 export const config = {
 	matcher: [
-		'/((?!api|_next|manifest.json|logo-wbg-[0-9]*.png|favicon.ico).*)',
+		'/((?!api|_next|manifest.json|logo-[nw]bg-[0-9]*.png|favicon.ico).*)',
 	]
 }