refactor(console): improve ux

[gao-sun]

Summary

• reorg code in EndpointsAndCredentials
• resolve LOG-9701 new design for expired secrets
• resolve LOG-9702 handle secret name text overflow
• resolve LOG-9704 improve secrets format
• resolve LOG-9705 update console guide to use the new secrets
• resolve PRD-757 use Never as the default secret expiration option

Testing

all issues are locally previewed

Checklist

• [ ] .changeset
• [ ] unit tests
• [ ] integration tests
• [ ] necessary TSDoc comments

[github-actions[bot]]

COMPARE TO master

Total Size Diff :chart_with_upwards_trend: +4.02 KB

Diff by File

|Name|Diff| |---|---| |packages/console/src/assets/docs/guides/web-dotnet-core-mvc/fragments/_add-authentication.mdx|:chart_with_upwards_trend: +27 Bytes| |packages/console/src/assets/docs/guides/web-express/README.mdx|:chart_with_upwards_trend: +27 Bytes| |packages/console/src/assets/docs/guides/web-go/README.mdx|:chart_with_upwards_trend: +27 Bytes| |packages/console/src/assets/docs/guides/web-java-spring-boot/README.mdx|:chart_with_upwards_trend: +27 Bytes| |packages/console/src/assets/docs/guides/web-next-app-router/README.mdx|:chart_with_upwards_trend: +27 Bytes| |packages/console/src/assets/docs/guides/web-next-auth/README.mdx|:chart_with_upwards_trend: +27 Bytes| |packages/console/src/assets/docs/guides/web-next/README.mdx|:chart_with_upwards_trend: +27 Bytes| |packages/console/src/assets/docs/guides/web-nuxt/README.mdx|:chart_with_upwards_trend: +54 Bytes| |packages/console/src/assets/docs/guides/web-php/README.mdx|:chart_with_upwards_trend: +27 Bytes| |packages/console/src/assets/docs/guides/web-python/README.mdx|:chart_with_upwards_trend: +27 Bytes| |packages/console/src/assets/docs/guides/web-ruby/README.mdx|:chart_with_upwards_trend: +54 Bytes| |packages/console/src/assets/docs/guides/web-sveltekit/README.mdx|:chart_with_upwards_trend: +27 Bytes| |packages/console/src/components/DateTime/index.tsx|:chart_with_upwards_trend: +425 Bytes| |packages/console/src/components/Guide/index.tsx|:chart_with_upwards_trend: +173 Bytes| |packages/console/src/ds-components/CopyToClipboard/index.module.scss|:chart_with_upwards_trend: +65 Bytes| |packages/console/src/ds-components/CopyToClipboard/index.tsx|:chart_with_upwards_trend: +9 Bytes| |packages/console/src/mdx-components/ApplicationCredentials/index.tsx|:chart_with_upwards_trend: +17 Bytes| |packages/console/src/pages/ApplicationDetails/ApplicationDetailsContent/CreateSecretModal.tsx|:chart_with_upwards_trend: +3 Bytes| |packages/console/src/pages/ApplicationDetails/ApplicationDetailsContent/EndpointsAndCredentials.tsx|:chart_with_upwards_trend: +9.84 KB| |packages/console/src/pages/ApplicationDetails/ApplicationDetailsContent/EndpointsAndCredentials/index.module.scss|:chart_with_upwards_trend: +539 Bytes| |packages/console/src/pages/ApplicationDetails/ApplicationDetailsContent/EndpointsAndCredentials/index.tsx|:chart_with_upwards_trend: +8.49 KB| |packages/console/src/pages/ApplicationDetails/ApplicationDetailsContent/EndpointsAndCredentials/use-secret-table-columns.tsx|:chart_with_upwards_trend: +3.07 KB| |packages/console/src/pages/ApplicationDetails/ApplicationDetailsContent/GuideDrawer/index.tsx|:chart_with_upwards_trend: +153 Bytes| |packages/console/src/pages/ApplicationDetails/ApplicationDetailsContent/index.module.scss|:chart_with_upwards_trend: +389 Bytes| |packages/console/src/pages/ApplicationDetails/ApplicationDetailsContent/index.tsx|:chart_with_upwards_trend: +102 Bytes| |packages/console/src/pages/ApplicationDetails/GuideModal/index.tsx|:chart_with_upwards_trend: +226 Bytes| |packages/console/src/pages/ApplicationDetails/components/AppGuide/index.tsx|:chart_with_upwards_trend: +139 Bytes| |packages/console/src/pages/ApplicationDetails/index.tsx|:chart_with_upwards_trend: +413 Bytes| |packages/console/src/pages/OrganizationDetails/Members/index.tsx|:chart_with_upwards_trend: +10 Bytes| |packages/console/src/pages/RoleDetails/RoleUsers/index.tsx|:chart_with_upwards_trend: +10 Bytes| |packages/console/src/pages/Users/index.tsx|:chart_with_upwards_trend: +10 Bytes| |packages/phrases/src/locales/en/translation/admin-console/application-details.ts|:chart_with_upwards_trend: +98 Bytes|