refactor(core): remove all MUI related components and utilities (#4941)

packages/frontend/component/src/components/setting-components/workspace-detail-skeleton.tsx

@@ -1,5 +1,4 @@
-import { Skeleton } from '@mui/material';
-
+import { Skeleton } from '../../ui/skeleton';
 import { SettingHeader } from './setting-header';
 import { SettingRow } from './setting-row';
 import { SettingWrapper } from './wrapper';

packages/frontend/component/src/components/setting-components/workspace-list-skeleton.tsx

@@ -1,12 +1,11 @@
-import { Skeleton } from '@mui/material';
-
 import { FlexWrapper } from '../../ui/layout';
+import { Skeleton } from '../../ui/skeleton';
 
 export const WorkspaceListItemSkeleton = () => {
   return (
     <FlexWrapper
       alignItems="center"
-      style={{ padding: '0 8px', height: 30, marginBottom: 4 }}
+      style={{ padding: '0 24px', height: 30, marginBottom: 4 }}
     >
       <Skeleton
         variant="circular"
@@ -14,7 +13,12 @@ export const WorkspaceListItemSkeleton = () => {
         height={14}
         style={{ marginRight: 10 }}
       />
-      <Skeleton variant="rectangular" height={16} style={{ flexGrow: 1 }} />
+      <Skeleton
+        variant="rectangular"
+        height={16}
+        width={0}
+        style={{ flexGrow: 1 }}
+      />
     </FlexWrapper>
   );
 };