refactor: update survey icon

src/client/components/CommandPanel.tsx

@@ -16,10 +16,11 @@ import {
   LuMonitorDot,
   LuSearch,
   LuServer,
-  LuTableProperties,
   LuUserCircle2,
   LuWifi,
 } from 'react-icons/lu';
+import { RiSurveyLine } from 'react-icons/ri';
+
 import { NavigateOptions, useNavigate } from '@tanstack/react-router';
 import { useEvent } from '@/hooks/useEvent';
 import { useCommandState } from 'cmdk';
@@ -139,7 +140,7 @@ export const CommandPanel: React.FC<CommandPanelProps> = React.memo((props) => {
                   to: '/survey',
                 })}
               >
-                <LuTableProperties className="mr-2 h-4 w-4" />
+                <RiSurveyLine className="mr-2 h-4 w-4" />
                 {t('Survey')}
               </CommandItem>
             </CommandGroup>
@@ -277,7 +278,7 @@ export const CommandPanelSearchGroup: React.FC<CommandPanelSearchGroupProps> =
               },
             })}
           >
-            <LuTableProperties className="mr-2 h-4 w-4" />
+            <RiSurveyLine className="mr-2 h-4 w-4" />
             {s.name}
           </CommandItem>
         ))}

src/client/pages/Layout/DesktopLayout.tsx

@@ -4,10 +4,8 @@ import {
   LuFilePieChart,
   LuMonitorDot,
   LuServer,
-  LuTableProperties,
   LuWifi,
 } from 'react-icons/lu';
-import { TooltipProvider } from '@/components/ui/tooltip';
 import {
   ResizableHandle,
   ResizablePanel,
@@ -25,6 +23,7 @@ import { useUserStore } from '@/store/user';
 import { LayoutProps } from './types';
 import { useTranslation } from '@i18next-toolkit/react';
 import { CommandPanel } from '@/components/CommandPanel';
+import { RiSurveyLine } from 'react-icons/ri';
 
 const defaultLayout: [number, number, number] = [265, 440, 655];
 
@@ -101,7 +100,7 @@ export const DesktopLayout: React.FC<LayoutProps> = React.memo((props) => {
           {
             title: t('Survey'),
             label: String(serviceCount?.survey ?? ''),
-            icon: LuTableProperties,
+            icon: RiSurveyLine,
             to: '/survey',
           },
         ]}

src/client/pages/Layout/MobileLayout.tsx

@@ -5,7 +5,6 @@ import {
   LuMonitorDot,
   LuMoreVertical,
   LuServer,
-  LuTableProperties,
   LuWifi,
 } from 'react-icons/lu';
 import { useTranslation } from '@i18next-toolkit/react';
@@ -17,6 +16,7 @@ import { LayoutProps } from './types';
 import { UserConfig } from './UserConfig';
 import { Drawer, DrawerContent, DrawerTrigger } from '@/components/ui/drawer';
 import { MobileLayoutMenu } from './Menu';
+import { RiSurveyLine } from 'react-icons/ri';
 
 export const MobileLayout: React.FC<LayoutProps> = React.memo((props) => {
   const { t } = useTranslation();
@@ -75,7 +75,7 @@ export const MobileLayout: React.FC<LayoutProps> = React.memo((props) => {
                 />
                 <MobileNavItem
                   title={t('Survey')}
-                  icon={LuTableProperties}
+                  icon={RiSurveyLine}
                   to="/survey"
                   extraModal={true}
                 />