Create a shared module for CSS styles from user settings (#22925)

GitOrigin-RevId: 1e62258e1e38d8ab2ce8debc51c53a98f4e915f6

services/web/types/project-settings.ts

@@ -1,5 +1,5 @@
-import { OverallTheme } from '../frontend/js/features/source-editor/extensions/theme'
 import { Brand } from './helpers/brand'
+import { OverallTheme } from '@/shared/utils/styles'
 
 export type AllowedImageName = {
   imageDesc: string

services/web/types/user-settings.ts

@@ -1,8 +1,4 @@
-import {
-  FontFamily,
-  LineHeight,
-  OverallTheme,
-} from '@/features/source-editor/extensions/theme'
+import { FontFamily, LineHeight, OverallTheme } from '@/shared/utils/styles'
 
 export type Keybindings = 'none' | 'default' | 'vim' | 'emacs'
 export type PdfViewer = 'pdfjs' | 'native'