Migrate to SCSS modules

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

@@ -4,6 +4,7 @@ import defaultAvatar from "@/images/default-avatar.png";
 import { useState } from "react";
 import { useAppState } from "@/pages/chat/state";
 import { MinimizedCallBar } from "@/pages/chat/ui/right/calls/MinimizedCallBar";
+import styles from "@/pages/chat/css/left-panel.module.scss";
 
 export function ChatHeader() {
     const { profileData } = useProfile();
@@ -25,9 +26,9 @@ export function ChatHeader() {
 
     return (
         <>
-            <header className="chat-header-left">
-                <div className="product-name">{PRODUCT_NAME}</div>
-                <div className="profile">
+            <header className={styles.chatHeaderLeft}>
+                <div className={styles.productName}>{PRODUCT_NAME}</div>
+                <div className={styles.profile}>
                     <a href="#" id="profile-open" onClick={handleProfileClick}>
                         <img
                             src={profilePictureUrl}