Simplify the capability names logic in webUI

- Update the names in `Capabilities` interface
- Conversion is done in backend, so the frontend doesn't need to map the old names to new ones

Author: h2zh

web_ui/frontend/components/CapabilitiesDisplay.tsx

@@ -55,7 +55,7 @@ export const CapabilitiesChip = ({
       }}
     >
       <Typography variant={'body2'}>
-        {CAPABILITY_LABEL_MAP[name] || name}
+        {name}
       </Typography>
       <Box display={'flex'}>
         {value ? <Check fontSize='small' /> : <Clear fontSize='small' />}
@@ -74,11 +74,3 @@ export const CapabilityChipStyle = {
   border: '1px 1px solid black',
   backgroundColor: green[300],
 };
-
-const CAPABILITY_LABEL_MAP: Record<string, string> = {
-  PublicRead: 'PublicReads',
-  Read: 'Reads',
-  Write: 'Writes',
-  Listing: 'Listings',
-  FallBackRead: 'DirectReads',
-};

web_ui/frontend/types.ts

@@ -1,9 +1,9 @@
 export interface Capabilities {
-  PublicRead: boolean;
-  Read: boolean;
-  Write: boolean;
-  Listing: boolean;
-  FallBackRead: boolean;
+  PublicReads: boolean;
+  Reads: boolean;
+  Writes: boolean;
+  Listings: boolean;
+  DirectReads: boolean;
 }
 
 export interface TokenGeneration {