Catalog | chore: fix sc registry

'use client';

import { ReactNode, useState } from 'react';

import { FC, ReactNode, useState } from 'react';

import { useServerInsertedHTML } from 'next/navigation';

import { ServerStyleSheet, StyleSheetManager } from 'styled-components';

const StyledComponentsRegistry = ({ children }: { children: ReactNode }) => {

interface IStyledComponentsRegistry {

  children: ReactNode;

}

const StyledComponentsRegistry: FC<IStyledComponentsRegistry> = ({

  children,

}) => {

  const [styledComponentsStyleSheet] = useState(() => new ServerStyleSheet());

  useServerInsertedHTML(() => {