Finish merge

packages/nicolium/src/components/preview-card.tsx

@@ -179,7 +179,7 @@ const PreviewCard: React.FC<IPreviewCard> = ({
       }
     }
 
-    const sanitized = sanitize(html, {
+    const sanitized = DOMPurify.sanitize(html, {
       ADD_TAGS: ['iframe'],
       ADD_ATTR: ['allowfullscreen', 'frameborder', 'allow', 'src', 'width', 'height'],
     });

packages/nicolium/src/components/ui/layout.tsx

@@ -3,6 +3,7 @@ import debounce from 'lodash/debounce';
 import React, { Suspense, useEffect, useState } from 'react';
 import StickyBox from 'react-sticky-box';
 
+import SnowContainer from '@/components/snow-container';
 import { useFeatures } from '@/hooks/use-features';
 
 import tailwindConfig from '../../../tailwind.config';
@@ -97,6 +98,7 @@ const useWindowControlsOverlay = () => {
 /** Layout container, to hold Sidebar, Main, and Aside. */
 const Layout: LayoutComponent = ({ children, fullWidth }) => (
   <div className='⁂-layout'>
+    <SnowContainer />
     <div
       className={clsx('⁂-layout__content', {
         '⁂-layout__content--full-width': fullWidth,

packages/nicolium/src/pages/utils/about.tsx

@@ -1,4 +1,4 @@
-import { sanitize } from 'isomorphic-dompurify';
+import DOMPurify from 'dompurify';
 import React, { useState } from 'react';
 import { FormattedMessage } from 'react-intl';
 
@@ -67,7 +67,7 @@ const About: React.FC<IAbout> = ({ slug }) => {
           {pageHtml && (
             <div
               dangerouslySetInnerHTML={{
-                __html: sanitize(pageHtml, { USE_PROFILES: { html: true } }),
+                __html: DOMPurify.sanitize(pageHtml, { USE_PROFILES: { html: true } }),
               }}
             />
           )}