fix bug design

src/pages/notification/Notification.tsx

@@ -20,7 +20,7 @@ const Notifications: FC = () => {
     const navigate = useNavigate()
     const { t } = useTranslation('global');
     const ref = useOutsideClick(() => setShowModal(false));
-    const [activeTab, setActiveTab] = useState<'all' | 'read' | 'unread'>('all');
+    const [activeTab, setActiveTab] = useState<'read' | 'unread'>('unread');
     const [showModal, setShowModal] = useState<boolean>(false);
     const { data, fetchNextPage, hasNextPage, refetch } = useGetNotification(activeTab);
     const readAll = useReadAll()
@@ -100,15 +100,6 @@ const Notifications: FC = () => {
 
 
                     <div className="mt-6 flex h-8 border border-white border-opacity-35 text-xs rounded-lg overflow-hidden">
-                        <div
-                            onClick={() => setActiveTab('all')}
-                            className={clx(
-                                'flex-1 border-l cursor-pointer text-white border-white border-opacity-70 flex justify-center items-center',
-                                activeTab === 'all' ? 'bg-white bg-opacity-70 text-black' : ''
-                            )}
-                        >
-                            همه
-                        </div>
                         <div
                             onClick={() => setActiveTab('unread')}
                             className={clx(