fix(archive): animate loading ellipsis

src/components/loading-ellipsis/__tests__/loading-ellipsis.test.tsx

@@ -41,4 +41,13 @@ describe('LoadingEllipsis', () => {
     expect(container.textContent).toBe('Loading');
     expect(container.firstChild?.textContent).toBe('Loading');
   });
+
+  it('removes static trailing ellipsis text before adding the animated ellipsis', () => {
+    act(() => {
+      root.render(createElement(LoadingEllipsis, { string: 'Loading archive...' }));
+    });
+
+    expect(container.textContent).toBe('Loading archive');
+    expect(container.querySelector('span span span')).toBeTruthy();
+  });
 });

src/components/loading-ellipsis/loading-ellipsis.tsx

@@ -4,8 +4,11 @@ interface LoadingEllipsisProps {
   string: string;
 }
 
+const TRAILING_ELLIPSIS_PATTERN = /\s*(?:\.\.\.|\u2026)\s*$/;
+
 const LoadingEllipsis = ({ string }: LoadingEllipsisProps) => {
-  const words = string.split(' ');
+  const normalizedString = string.replace(TRAILING_ELLIPSIS_PATTERN, '');
+  const words = normalizedString.split(' ');
   const lastWord = words.pop();
   const restOfString = words.join(' ');