test database privilige and index + delete ep packets

frontend/src/components/PacketViewer.tsx

@@ -1,5 +1,5 @@
 // src/components/PacketViewer.tsx
-import { DownloadOutlined, SyncOutlined } from '@ant-design/icons';
+import { DeleteOutlined, DownloadOutlined, SyncOutlined } from '@ant-design/icons';
 import {
   Button,
   Card,
@@ -17,7 +17,7 @@ import {
   message,
 } from 'antd';
 import { ReactElement, useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { fetchPackets } from '../api/apiClient';
+import { clearPackets, fetchPackets } from '../api/apiClient';
 
 const { Text } = Typography;
 const { Option } = Select;
@@ -434,6 +434,7 @@ export default function PacketViewer(): ReactElement {
             <Switch checked={!paused} onChange={(checked) => handlePauseToggle(!checked ? true : false)} />
 
             <Button icon={<SyncOutlined />} onClick={handleRefresh} loading={statusLoading} />
+            <Button onClick={() => clearPackets()} danger icon={<DeleteOutlined />} />
           </Space>
         </Col>
       </Row>