sidebar order

src/shared/SideBar.tsx

@@ -54,12 +54,6 @@ const SideBar: FC = () => {
                             link={Pages.services.mine}
                         />
 
-                        <SideBarItem
-                            icon={<Headphone variant={isActive('support') ? 'Bold' : 'Outline'} color={isActive('support') ? 'black' : '#8C90A3'} size={iconSizeSideBar} />}
-                            title={t('sidebar.support')}
-                            isActive={isActive('support')}
-                            link={Pages.support.index}
-                        />
                         <SideBarItem
                             icon={<Element3 variant={isActive('other-service') ? 'Bold' : 'Outline'} color={isActive('other-service') ? 'black' : '#8C90A3'} size={iconSizeSideBar} />}
                             title={t('sidebar.other_service')}
@@ -83,7 +77,14 @@ const SideBar: FC = () => {
                     <div className='mt-10 px-12 text-header text-sm font-normal'>
                         {t('sidebar.other')}
                     </div>
-
+                    <div className='text-xs text-[#8C90A3]'>
+                        <SideBarItem
+                            icon={<Headphone variant={isActive('support') ? 'Bold' : 'Outline'} color={isActive('support') ? 'black' : '#8C90A3'} size={iconSizeSideBar} />}
+                            title={t('sidebar.support')}
+                            isActive={isActive('support')}
+                            link={Pages.support.index}
+                        />
+                    </div>
                     <div className='text-xs text-[#8C90A3]'>
                         <SideBarItem
                             icon={<Messages3 variant={isActive('tickets') ? 'Bold' : 'Outline'} color={isActive('tickets') ? 'black' : '#8C90A3'} size={iconSizeSideBar} />}