fix(PluginSettings): improve chip contrast and enable custom chip styles

Author: aravind4799

frontend/src/components/App/PluginSettings/PluginSettings.tsx

@@ -268,22 +268,33 @@ export function PluginSettingsPure(props: PluginSettingsPureProps) {
               header: t('translation|Type'),
               accessorFn: (plugin: PluginInfo) => plugin.type || 'unknown',
               Cell: ({ row: { original: plugin } }: { row: MRT_Row<PluginInfo> }) => {
-                const typeLabels: Record<string, { label: string; color: any }> = {
+                const typeLabels: Record<string, { label: string; color: any; sx?: any }> = {
                   development: {
                     label: t('translation|Development'),
                     color: 'primary',
                   },
                   user: {
                     label: t('translation|User-installed'),
                     color: 'info',
+                    sx: {
+                      backgroundColor: '#015493',
+                      color: '#ffffff',
+                    },
                   },
                   shipped: {
                     label: t('translation|Shipped'),
                     color: 'default',
                   },
                 };
                 const typeInfo = typeLabels[plugin.type || 'shipped'];
-                return <Chip label={typeInfo.label} size="small" color={typeInfo.color} />;
+                return (
+                  <Chip
+                    label={typeInfo.label}
+                    size="small"
+                    color={typeInfo.color}
+                    sx={typeInfo.sx}
+                  />
+                );
               },
             },
             {