refactor: centralize globals and normalize sidebar/game-card layout

src/big-picture/src/app.tsx

@@ -1,9 +1,10 @@
+import { useEffect } from "react";
 import { Outlet } from "react-router-dom";
 import { Sidebar } from "./layout";
-import "./app.scss";
-import { useEffect } from "react";
 import { IS_DESKTOP } from "./constants";
 
+import "./styles/globals.scss";
+
 export default function App() {
   useEffect(() => {
     if (!IS_DESKTOP) {

src/big-picture/src/components/game-card/index.tsx

@@ -1,4 +1,4 @@
-import "./game-card.scss";
+import "./styles.scss";
 
 interface GameCardProps {
   coverImageUrl?: string | null;

src/big-picture/src/components/index.ts

@@ -1 +1 @@
-export * from "./game-card/game-card";
+export * from "./game-card";

src/big-picture/src/layout/sidebar/index.tsx

@@ -6,8 +6,9 @@ import {
   SquaresFourIcon,
 } from "@phosphor-icons/react";
 import { useLocation, useNavigate } from "react-router-dom";
-import { IS_DESKTOP } from "../constants";
-import "./sidebar.scss";
+import { IS_DESKTOP } from "../../constants";
+
+import "./styles.scss";
 
 function SidebarRouter() {
   const basePath = IS_DESKTOP ? "/big-picture" : "";