[#5270] UI(oceanbase-catalog): Support OceanBase-CE JDBC catalog on t…

…he Web UI (#5334)

### What changes were proposed in this pull request?
Support OceanBase-CE JDBC catalog on the Web UI
<img width="636" alt="image"
src="https://github.com/user-attachments/assets/330ab1a1-1614-4b90-b6c3-d29f86d4fd45">


### Why are the changes needed?
N/A

Fix: #5270

### Does this PR introduce _any_ user-facing change?
N/A

### How was this patch tested?
N/A

Co-authored-by: Qian Xia <lauraxiaqian@gmail.com>
Co-authored-by: yuanoOo <zhao137578346@gmail.com>

web/web/src/app/metalakes/metalake/MetalakeTree.js

@@ -72,6 +72,8 @@ const MetalakeTree = props => {
             return 'custom-icons-paimon'
           case 'lakehouse-hudi':
             return 'custom-icons-hudi'
+          case 'jdbc-oceanbase':
+            return 'custom-icons-oceanbase'
           default:
             return 'bx:book'
         }

web/web/src/lib/utils/initial.js

@@ -308,5 +308,33 @@ export const providers = [
         description: 'Apache Hudi catalog uri config'
       }
     ]
+  },
+  {
+    label: 'OceanBase',
+    value: 'jdbc-oceanbase',
+    defaultProps: [
+      {
+        key: 'jdbc-driver',
+        value: '',
+        required: true,
+        description: 'e.g. com.mysql.jdbc.Driver or com.mysql.cj.jdbc.Driver or com.oceanbase.jdbc.Driver'
+      },
+      {
+        key: 'jdbc-url',
+        value: '',
+        required: true,
+        description: 'e.g. jdbc:mysql://localhost:2881 or jdbc:oceanbase://localhost:2881'
+      },
+      {
+        key: 'jdbc-user',
+        value: '',
+        required: true
+      },
+      {
+        key: 'jdbc-password',
+        value: '',
+        required: true
+      }
+    ]
   }
 ]