Merge branch 'hotfix/themeselector' into 'main'

Hotifx

See merge request neshura-websites/www!12

components/navbar.tsx

@@ -8,7 +8,7 @@ import { NavMenuFooter } from './footer';
 
 const PageNavbar = ({ mobile }: { mobile: number }) => {
   const path = usePathname();
-  const [sideBarActive, setSideBarActive] = useState(true); //DEBUG: set to false
+  const [sideBarActive, setSideBarActive] = useState(false);
 
   function handleSidebar(event: any) {
     if (!event.currentTarget.contains(event.relatedTarget)) {

components/styles/content.tsx

@@ -4,7 +4,6 @@ import styled, { css, DefaultTheme } from 'styled-components';
 import { Service, Game } from '../../interfaces/CardTypes';
 
 // needed for Online Status checks
-// TODO: migrate to shared Status type for Games and Services
 interface OnlinePropType {
   status: string;
 }

components/styles/themedropdown/desktop.tsx

@@ -57,6 +57,7 @@ export const ThemeDropDownOptions = styled.div<DisplayPropType>`
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-size: cover;
+  background-color: ${({ theme }) => theme.colors.background };
 
   display: flex;
   flex-direction: column;

components/themeselector.tsx

@@ -35,7 +35,7 @@ export const StyleSelector = ({ mobile }: { mobile: number }) => {
     } 
   }
 
-  const [visible, setVisible] = useState(true); //DEBUG set to false
+  const [visible, setVisible] = useState(false);
   const [buttonFocus, setButtonFocus] = useState(visible);
 
   function  handleBlur(event:any) {