Update src/App.tsx

src/App.tsx

@@ -8,8 +8,9 @@ import { IOSModal } from "./components/ios-modal/IOSModal";
 import { isIOS } from "./lib/platform";
 import cn from "classnames";
 import { LiveConfig } from "./multimodal-live-types";
-import Logo from "./components/logo/Logo"; // <-- کامپوننت جدید Logo ایمپورت شد
-import BackButton from "./components/back-button/BackButton";
+import Logo from "./components/logo/Logo";
+// BackButton از اینجا حذف شد
+// import BackButton from "./components/back-button/BackButton";
 
 const myCustomInstruction = `
 تو دستیار صوتی و تصویری پیشرفته از "اپلیکیشن هوش مصنوعی هوشان" هستی
@@ -36,8 +37,6 @@ const initialAppConfig: LiveConfig = {
   },
 };
 
-// آیکون میکروفون از اینجا حذف شد چون به فایل icons.tsx منتقل شده است
-
 interface AppInternalLogicProps {
   isMicActive: boolean;
   isCamActive: boolean;
@@ -76,16 +75,18 @@ const AppInternalLogic: React.FC<AppInternalLogicProps> = ({
   return (
     <div className="w-full flex flex-col items-center justify-center min-h-screen text-foreground antialiased">
       <div className="main-wrapper max-w-3xl w-full flex flex-col items-center justify-center h-full relative">
+        {/* --- شروع تغییرات در این بخش --- */}
         <div className="header-controls">
-          <div className="back-button-container">
-            <BackButton />
-          </div>
+          {/* دکمه بازگشت و div آن کاملاً حذف شد */}
+          <div /> {/* این div خالی برای حفظ ساختار flex (justify-content: space-between) است */}
+          
           <div id="notification-trigger-container">
             <button
               ref={notificationButtonRef}
               id="notification-button"
               aria-label="Notifications"
-              className="header-button"
+              // کلاس 'header-button' حذف و کلاس‌های جدید اضافه شد
+              className="p-2 bg-transparent text-gray-600 dark:text-gray-300 hover:text-black dark:hover:text-white transition-colors"
               onClick={(e) => {
                   e.stopPropagation();
                   setIsNotificationOpen(!isNotificationOpen);
@@ -95,6 +96,7 @@ const AppInternalLogic: React.FC<AppInternalLogicProps> = ({
             </button>
           </div>
         </div>
+        {/* --- پایان تغییرات --- */}
 
         <div ref={notificationPopoverRef} id="notification-popover-wrapper" className="notification-popover-wrapper">
           <div
@@ -127,7 +129,6 @@ const AppInternalLogic: React.FC<AppInternalLogicProps> = ({
               id="large-logo-container"
               className="absolute top-0 left-0 w-full h-full flex items-center justify-center pointer-events-none"
             >
-              {/* کامپوننت Logo جدید جایگزین LogoAnimation شد */}
               <Logo isMini={false} isActive={true} isAi={false} />
             </div>
           )}
@@ -145,7 +146,6 @@ const AppInternalLogic: React.FC<AppInternalLogicProps> = ({
           onAppCamToggle={setIsCamActive}
           currentFacingMode={currentFacingMode}
           onFacingModeChange={onFacingModeChange}
-          // پراپ ReferenceMicrophoneIcon حذف شد چون دیگر لازم نیست
         />
       </div>
     </div>