[WIP] Encryption for secure values (#183)

src-web/components/core/Icon.tsx

@@ -56,8 +56,8 @@ const icons = {
   git_branch_plus: lucide.GitBranchPlusIcon,
   git_commit: lucide.GitCommitIcon,
   git_commit_vertical: lucide.GitCommitVerticalIcon,
-  git_pull_request: lucide.GitPullRequestIcon,
   git_fork: lucide.GitForkIcon,
+  git_pull_request: lucide.GitPullRequestIcon,
   grip_vertical: lucide.GripVerticalIcon,
   hand: lucide.HandIcon,
   help: lucide.CircleHelpIcon,
@@ -65,6 +65,7 @@ const icons = {
   house: lucide.HomeIcon,
   import: lucide.ImportIcon,
   info: lucide.InfoIcon,
+  key_round: lucide.KeyRoundIcon,
   keyboard: lucide.KeyboardIcon,
   left_panel_hidden: lucide.PanelLeftOpenIcon,
   left_panel_visible: lucide.PanelLeftCloseIcon,
@@ -87,6 +88,9 @@ const icons = {
   search: lucide.SearchIcon,
   send_horizontal: lucide.SendHorizonalIcon,
   settings: lucide.SettingsIcon,
+  shield: lucide.ShieldIcon,
+  shield_check: lucide.ShieldCheckIcon,
+  shield_off: lucide.ShieldOffIcon,
   sparkles: lucide.SparklesIcon,
   sun: lucide.SunIcon,
   table: lucide.TableIcon,
@@ -126,7 +130,7 @@ export const Icon = memo(function Icon({
       title={title}
       className={classNames(
         className,
-        'flex-shrink-0',
+        'flex-shrink-0 transform-cpu',
         size === 'xl' && 'h-6 w-6',
         size === 'lg' && 'h-5 w-5',
         size === 'md' && 'h-4 w-4',
@@ -134,7 +138,7 @@ export const Icon = memo(function Icon({
         size === 'xs' && 'h-3 w-3',
         size === '2xs' && 'h-2.5 w-2.5',
         color === 'default' && 'inherit',
-        color === 'danger' && 'text-danger',
+        color === 'danger' && 'text-danger!',
         color === 'warning' && 'text-warning',
         color === 'notice' && 'text-notice',
         color === 'info' && 'text-info',