Propogate changes to the font size

Because this is update in the page now, this needs to be reflected
when changed in the component.

packages/web/components/templates/article/ArticleContainer.tsx

@@ -41,6 +41,10 @@ export function ArticleContainer(props: ArticleContainerProps): JSX.Element {
     await userPersonalizationMutation({ fontSize: newFontSize })
   }
 
+  useEffect(() => {
+    updateFontSize(props.fontSize ?? 20)
+  }, [props.fontSize])
+
   // Listen for font size and color mode change events sent from host apps (ios, macos...)
   useEffect(() => {
     const increaseFontSize = async () => {