fix: header overflow text

src/renderer/src/components/header/header.css.ts

@@ -104,6 +104,7 @@ export const section = style({
   alignItems: "center",
   gap: `${SPACING_UNIT * 2}px`,
   height: "100%",
+  overflow: "hidden",
 });
 
 export const backButton = recipe({
@@ -136,11 +137,15 @@ export const backButton = recipe({
 export const title = recipe({
   base: {
     transition: "all ease 0.2s",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    width: "100%",
   },
   variants: {
     hasBackButton: {
       true: {
         transform: "translateX(28px)",
+        width: "calc(100% - 28px)",
       },
     },
   },

src/renderer/src/components/header/header.tsx

@@ -72,7 +72,7 @@ export function Header({ onSearch, onClear, search }: HeaderProps) {
           isWindows: window.electron.platform === "win32",
         })}
       >
-        <section className={styles.section}>
+        <section className={styles.section} style={{ flex: 1 }}>
           <button
             type="button"
             className={styles.backButton({

src/renderer/src/components/sidebar/sidebar-profile.tsx

@@ -42,7 +42,7 @@ export function SidebarProfile() {
   }, [profileBackground]);
 
   const showPendingRequests =
-    userDetails && receivedRequests.length > -1 && !gameRunning;
+    userDetails && receivedRequests.length > 0 && !gameRunning;
 
   return (
     <div