cleanup frontend notifications

frontend/src/components/PacketViewer.tsx

@@ -19,7 +19,7 @@ import {
 import { ReactElement, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { clearPackets, fetchPackets } from '../api/apiClient';
 
-const { Text } = Typography;
+const { Text, Title } = Typography;
 const { Option } = Select;
 
 type PacketRow = {
@@ -409,12 +409,10 @@ export default function PacketViewer(): ReactElement {
   );
 
   return (
-    <div style={{ padding: 16 }}>
+    <div>
       <Row justify="space-between" align="middle" style={{ marginBottom: 12 }}>
         <Col>
-          <Text strong style={{ fontSize: 18 }}>
-            Packets
-          </Text>
+          <Title level={3}>Packets</Title>
           <div>
             <Text type="secondary">Live packet viewer — history + live stream</Text>
           </div>