feat: remove speed and show focus mode

ui/app/page.tsx

@@ -3,8 +3,8 @@ import { Metadata } from 'next';
 import { Suspense } from 'react';
 
 export const metadata: Metadata = {
-  title: 'Chat - Perplexica',
-  description: 'Chat with the internet, chat with Perplexica.',
+  title: 'MyCounsellor Ai Serach Eengine - Searching Thking with Gemini',
+  description: 'Chat with the internet, chat with MyCounsellor.',
 };
 
 const Home = () => {

ui/components/EmptyChatMessageInput.tsx

@@ -88,6 +88,8 @@ const EmptyChatMessageInput = ({
         <div className="flex flex-row items-center justify-between mt-4">
           <div className="flex flex-row items-center space-x-2 lg:space-x-4">
             <Focus focusMode={focusMode} setFocusMode={setFocusMode} />
+          </div>
+          <div className="flex flex-row items-center space-x-1 sm:space-x-4">
             <Attach
               fileIds={fileIds}
               setFileIds={setFileIds}
@@ -95,13 +97,12 @@ const EmptyChatMessageInput = ({
               setFiles={setFiles}
               showText
             />
-          </div>
-          <div className="flex flex-row items-center space-x-1 sm:space-x-4">
+
             <CopilotToggle setCopilotEnabled={setCopilotEnabled} copilotEnabled={copilotEnabled}/>
-            <Optimization
-              optimizationMode={optimizationMode}
-              setOptimizationMode={setOptimizationMode}
-            />
+            {/*<Optimization*/}
+            {/*  optimizationMode={optimizationMode}*/}
+            {/*  setOptimizationMode={setOptimizationMode}*/}
+            {/*/>*/}
             <button
               disabled={message.trim().length === 0}
               className="bg-[#24A0ED] text-white disabled:text-black/50 dark:disabled:text-white/50 disabled:bg-[#e0e0dc] dark:disabled:bg-[#ececec21] hover:bg-opacity-85 transition duration-100 rounded-full p-2"

ui/components/MessageInputActions/Focus.tsx

@@ -111,7 +111,7 @@ const Focus = ({
         {focusMode !== 'webSearch' ? (
           <div className="flex flex-row items-center space-x-1">
             {focusModes.find((mode) => mode.key === focusMode)?.icon}
-            <p className="text-xs font-medium hidden lg:block">
+            <p className="text-xs font-medium">
               {focusModes.find((mode) => mode.key === focusMode)?.title}
             </p>
             <ChevronDown size={20} className="-translate-x-1" />
@@ -119,7 +119,7 @@ const Focus = ({
         ) : (
           <div className="flex flex-row items-center space-x-1">
             <ScanEye size={20} />
-            <p className="text-xs font-medium hidden lg:block">Focus</p>
+            <p className="text-xs font-medium">Focus</p>
           </div>
         )}
       </PopoverButton>