chore(APICP): revamp the portal UI with a scope-aware app shell

portals/api-control-plane/.eslintignore

@@ -0,0 +1,4 @@
+/public/**
+/node_modules/**
+/coverage/**
+# Pleae comment the reason if you are  ignoring a file/directory here

portals/api-control-plane/.prettierignore

@@ -0,0 +1,6 @@
+node_modules/
+dist/
+build/
+coverage/
+public/
+# Pleae comment the reason if you are  ignoring a file/directory here

portals/api-control-plane/.prettierrc.json

@@ -0,0 +1,13 @@
+{
+  "printWidth": 100,
+  "tabWidth": 2,
+  "useTabs": false,
+  "semi": true,
+  "singleQuote": true,
+  "jsxSingleQuote": false,
+  "trailingComma": "all",
+  "bracketSpacing": true,
+  "bracketSameLine": false,
+  "arrowParens": "always",
+  "endOfLine": "lf"
+}

portals/api-control-plane/CLAUDE.md

@@ -0,0 +1,13 @@
+# Project Guidelines
+
+## UI development
+
+All UI work in this portal — pages, components, forms, listings, navigation, theming, Oxygen UI
+component/theming API, and MUI→Oxygen migration — follows the `apicp-ui` skill
+([.claude/skills/apicp-ui/SKILL.md](.claude/skills/apicp-ui/SKILL.md)). Invoke it with `/apicp-ui`,
+or read it directly before touching anything under `src/`.
+
+The full upstream Oxygen UI reference ships with the package at
+`node_modules/@wso2/oxygen-ui/.ai/{components,patterns,theming,migration}.md`; the compiled types in
+`node_modules/@wso2/oxygen-ui/dist/**/*.d.ts` are the ground truth when the docs and the package
+disagree.

portals/api-control-plane/eslint.config.js

@@ -3,6 +3,7 @@ import globals from 'globals';
 import formatjs from 'eslint-plugin-formatjs';
 import reactHooks from 'eslint-plugin-react-hooks';
 import tseslint from 'typescript-eslint';
+import eslintConfigPrettier from "eslint-config-prettier";
 
 export default [
   js.configs.recommended,
@@ -242,4 +243,5 @@ export default [
       'src/api/generated/**',
     ],
   },
+  eslintConfigPrettier,
 ];