Swap the css icon to use the new official one (#660)

* fix: update css icon, fix remote svg icon content

* docs(changeset): Fix RemoteSvgIcon inner content

* docs(changeset): Fix WindowTab attributes

.changeset/cold-parents-attack.md

@@ -0,0 +1,5 @@
+---
+'@codeimage/ui': patch
+---
+
+Fix RemoteSvgIcon inner content

.changeset/wise-coins-decide.md

@@ -0,0 +1,5 @@
+---
+'@codeimage/config': patch
+---
+
+Fix WindowTab attributes

apps/codeimage/src/components/Terminal/Tabs/Tab/WindowTab.tsx

@@ -29,7 +29,13 @@ export interface WindowTabProps {
 export function WindowTab(
   props: ParentProps<WindowTabProps & JSX.IntrinsicElements['div']>,
 ) {
-  const [, others] = splitProps(props, ['class', 'ref', 'style']);
+  const [, others] = splitProps(props, [
+    'class',
+    'ref',
+    'style',
+    'rightContent',
+    'content',
+  ]);
 
   return (
     <div

packages/config/src/lib/base/languages.ts

@@ -284,7 +284,7 @@ export const SUPPORTED_LANGUAGES: readonly LanguageDefinition[] = [
       {
         name: 'css',
         extension: '.css',
-        content: () => import('material-icon-theme/icons/css.svg?raw'),
+        content: () => import('../icons/css.svg?raw'),
         matcher: /^.*\.(css)$/,
       },
       {

packages/ui/src/lib/primitives/Icon/RemoteSvgIcon.tsx

@@ -52,8 +52,15 @@ export function RemoteSvgIcon(props: SvgExternalIconProps): JSXElement {
 
     const innerHTML = randomizeSvgUrlIds(svgResponse);
 
-    return {
+    const parsedDocument = new DOMParser().parseFromString(
       innerHTML,
+      'text/html',
+    );
+    const svg = parsedDocument.body.childNodes[0] as SVGElement;
+
+    return {
+      innerHTML: (svg as SVGElement).innerHTML,
+      viewBox: svg.getAttribute('viewBox') || undefined,
     };
   });