ui - polish alerts screen

ui/litellm-dashboard/src/components/settings.tsx

@@ -322,7 +322,15 @@ const Settings: React.FC<SettingsPageProps> = ({
           <TabPanel>
 
           <Card>
+            <Text className="my-2">Alerts are only supported for Slack Webhook URLs. Get your webhook urls from <a href="https://api.slack.com/messaging/webhooks" target="_blank" style={{color: 'blue'}}>here</a></Text>
         <Table>
+        <TableHead>
+          <TableRow>
+            <TableHeaderCell></TableHeaderCell>
+            <TableHeaderCell></TableHeaderCell>
+            <TableHeaderCell>Slack Webhook URL</TableHeaderCell>
+          </TableRow>
+        </TableHead>
           
         <TableBody>
           {Object.entries(alerts_to_UI_NAME).map(([key, value], index) => (
@@ -360,10 +368,6 @@ const Settings: React.FC<SettingsPageProps> = ({
           </TabGroup>
 
       
-
-
-        
-        
       </Grid>
 
       <Modal