feat(core): embedding progress (#12367)

### TL;DR

feat: show embedding progress in settings panel

![截屏2025-05-19 20.25.19.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/MyktQ6Qwc7H6TiRCFoYN/59d8f9ef-0876-4ed5-9c09-db12686adb47.png)

### What changed

* show embedding progress in settings panel
* polling embedding status based on RxJS

<!-- This is an auto-generated comment: release notes by coderabbit.ai -->
## Summary by CodeRabbit

- **New Features**
  - Added real-time embedding progress tracking and display in embedding settings, including a visual progress bar and status messages.
  - Introduced localized text for embedding progress statuses.
  - Added an optional test ID attribute to the progress bar component for improved testing.
- **Style**
  - Added new styles for embedding progress UI elements.
- **Tests**
  - Added an end-to-end test to verify embedding progress is displayed correctly in the settings UI.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

packages/frontend/component/src/ui/progress/progress.tsx

@@ -15,6 +15,7 @@ export interface ProgressProps {
   readonly?: boolean;
   className?: string;
   style?: React.CSSProperties;
+  testId?: string;
 }
 
 export const Progress = ({
@@ -24,9 +25,14 @@ export const Progress = ({
   readonly,
   className,
   style,
+  testId,
 }: ProgressProps) => {
   return (
-    <div className={clsx(styles.root, className)} style={style}>
+    <div
+      className={clsx(styles.root, className)}
+      style={style}
+      data-testid={testId}
+    >
       <RadixProgress.Root className={styles.progress} value={value}>
         <RadixProgress.Indicator
           className={styles.indicator}