style(FR-1529): improve UI color scheme consistency and reduce visual clutter (#4355)

Resolves #4355 ([FR-1529](https://lablup.atlassian.net/browse/FR-1529))

## Summary
This PR improves the UI color scheme consistency and reduces visual clutter across session and image tags.

## Changes
- Updated session type tag colors (INTERACTIVE, BATCH, INFERENCE) for better distinction
- Adjusted session status tag colors to separate pending states from running state
- Removed default blue color from image tags to reduce visual noise
- Made RUNNING status more distinctive from other statuses

## Why
- Reduces excessive color elements that create visual clutter
- Prevents color conflicts between different UI components
- Creates better visual hierarchy with distinctive colors for important states
- Improves overall readability and creates a cleaner interface

[FR-1529]: https://lablup.atlassian.net/browse/FR-1529?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ

Author: yomybaby

packages/backend.ai-ui/src/components/fragments/BAISessionTypeTag.tsx

@@ -5,9 +5,9 @@ import React from 'react';
 import { useFragment, graphql } from 'react-relay';
 
 const typeTagColor = {
-  INTERACTIVE: 'green',
-  BATCH: 'darkgreen',
-  INFERENCE: 'blue',
+  INTERACTIVE: 'geekblue',
+  BATCH: 'cyan',
+  INFERENCE: 'purple',
 };
 
 export interface BAISessionTypeTagProps {

react/src/components/ComputeSessionNodeItems/SessionStatusTag.tsx

@@ -23,10 +23,10 @@ export const statusTagColor = {
   PREPARED: 'blue',
   CREATING: 'blue',
   PULLING: 'blue',
+  PENDING: 'blue',
+  SCHEDULED: 'blue',
   //running
   RUNNING: 'green',
-  PENDING: 'green',
-  SCHEDULED: 'green',
   //error
   ERROR: 'red',
   //finished return undefined

react/src/components/ImageNodeSimpleTag.tsx

@@ -104,18 +104,18 @@ const ImageNodeSimpleTag: React.FC<ImageNodeSimpleTagProps> = ({
                 values={[
                   {
                     label: tagAlias(tag.key),
-                    color: isCustomized ? 'cyan' : 'blue',
+                    color: isCustomized ? 'cyan' : undefined,
                   },
                   {
                     label: tagValue,
-                    color: isCustomized ? 'cyan' : 'blue',
+                    color: isCustomized ? 'cyan' : undefined,
                   },
                 ]}
               />
             ) : (
               <Tag
                 key={`${tag.key}-${index}`}
-                color={isCustomized ? 'cyan' : 'blue'}
+                color={isCustomized ? 'cyan' : undefined}
                 style={{
                   marginRight: 0,
                 }}

react/src/components/SessionNodes.tsx

@@ -102,7 +102,7 @@ const SessionNodes: React.FC<SessionNodesProps> = ({
         dataIndex: 'status',
         render: (status: string, session) => {
           // TODO: Display idle checker if imminentExpirationTime as Icon(clock-alert).
-          return <SessionStatusTag sessionFrgmt={session} showInfo />;
+          return <SessionStatusTag sessionFrgmt={session} />;
         },
       },
       // This column will be added back when the session list column setting ui is ready