fix(style): remove useless Separator

frontend/src/components/ChannelSelector.tsx

@@ -1,5 +1,5 @@
 import { useState, useRef, useEffect } from 'react';
-import { Box, Flex, Text, Button, Select } from '@radix-ui/themes';
+import { Box, Flex, Text } from '@radix-ui/themes';
 import { CheckIcon } from '@radix-ui/react-icons';
 import { useTranslation } from 'react-i18next';
 import { createPortal } from 'react-dom';

frontend/src/pages/notifications/NotificationsConfig.tsx

@@ -1,6 +1,6 @@
 import { useState, useEffect } from 'react';
-import { Box, Flex, Heading, Text, Card, Button, TextField, Tabs, Container, Theme, Switch, Dialog, Select } from '@radix-ui/themes';
-import { BellIcon, PlusIcon, CheckCircledIcon, CrossCircledIcon, InfoCircledIcon, CheckIcon } from '@radix-ui/react-icons';
+import { Box, Flex, Heading, Text, Card, Button, TextField, Tabs, Container, Switch, Dialog, Select } from '@radix-ui/themes';
+import { BellIcon, PlusIcon, CheckCircledIcon, CrossCircledIcon, InfoCircledIcon } from '@radix-ui/react-icons';
 import * as Toast from '@radix-ui/react-toast';
 import '../../styles/components.css';
 import { useTranslation } from 'react-i18next';

frontend/src/pages/status/StatusPageConfig.tsx

@@ -1,5 +1,5 @@
 import { useState, useEffect, useRef } from 'react';
-import { Box, Flex, Heading, Text, Card, Button, TextField, TextArea, Tabs, Separator, Container } from '@radix-ui/themes';
+import { Box, Flex, Heading, Text, Card, Button, TextField, TextArea, Tabs, Container } from '@radix-ui/themes';
 import { EyeOpenIcon, CopyIcon, CheckIcon } from '@radix-ui/react-icons';
 import * as Toast from '@radix-ui/react-toast';
 import { getAllMonitors, Monitor } from '../../api/monitors';
@@ -372,7 +372,6 @@ const StatusPageConfig = () => {
                 </Button>
               </Flex>
             </Flex>
-            <Separator size="4" mb="4" color="gray" />
           </Box>
 
           <div className="detail-content">