feat(workspace): add blob and storage limit (#5535)

close TOV-343 AFF-508 TOV-461 TOV-460 TOV-419

Add `isOverCapacity ` status to detect if blob usage exceeds limits.
Add `onCapacityChange` and `onBlobSet` to monitor if the storage or blob exceeds the capacity limit.
Global modals `LocalQuotaModal` and `CloudQuotaModal` have been added, with the upload size of the blob being limited within the modal components.
The notification component has been adjusted, now you can pass in `action` click events and `actionLabel` .

packages/frontend/graphql/src/graphql/index.ts

@@ -905,6 +905,7 @@ export const workspaceQuotaQuery = {
 query workspaceQuota($id: String!) {
   workspace(id: $id) {
     quota {
+      humanReadableName
       storageQuota
       usedSize
       blobLimit

packages/frontend/graphql/src/graphql/workspace-quota.gql

@@ -1,6 +1,7 @@
 query workspaceQuota($id: String!) {
   workspace(id: $id) {
     quota {
+      humanReadableName
       storageQuota
       usedSize
       blobLimit

packages/frontend/graphql/src/index.ts

@@ -18,3 +18,5 @@ export function getBaseUrl(): string {
 }
 
 export const fetcher = gqlFetcherFactory(getBaseUrl() + '/graphql');
+
+export { GraphQLError } from 'graphql';

packages/frontend/graphql/src/schema.ts

@@ -854,6 +854,7 @@ export type WorkspaceQuotaQuery = {
     __typename?: 'WorkspaceType';
     quota: {
       __typename?: 'QuotaQueryType';
+      humanReadableName: string;
       storageQuota: number;
       usedSize: number;
       blobLimit: number;