Migrate to SCSS modules

frontend/src/pages/chat/ui/left/LeftPanel.tsx

@@ -5,6 +5,7 @@ import { UsernameSearch } from "./UsernameSearch";
 import { ChatTabs } from "./ChatTabs";
 import { ChatHeader } from "./ChatHeader";
 import { MaterialBottomAppBar, MaterialFab, MaterialIconButton } from "@/utils/material";
+import styles from "@/pages/chat/css/left-panel.module.scss";
 
 function BottomAppBar() {
     const [settingsOpen, onSettingsOpenChange] = useState(false);
@@ -30,9 +31,9 @@ function BottomAppBar() {
 
 export function LeftPanel() {
     return (
-        <div className="chat-list" id="chat-list">
+        <div className={styles.chatList} id="chat-list">
             <ChatHeader />
-            <div className="search-container">
+            <div className={styles.searchContainer}>
                 <UsernameSearch />
             </div>
             <ChatTabs />