client/shared note message: convert to an info bar

apps/client/src/widgets/react/InfoBar.css

@@ -1,5 +1,6 @@
 .info-bar {
     margin-top: 4px;
+    contain: unset !important;
     padding: 8px 20px;
     color: var(--read-only-note-info-bar-color);
     font-size: .9em;

apps/client/src/widgets/react/InfoBar.tsx

@@ -3,12 +3,13 @@ import { ComponentChildren } from "preact";
 import "./InfoBar.css";
 
 export type InfoBarParams = {
-    type: "prominent" | "subtle"
+    type: "prominent" | "subtle",
+    className: string;
     children: ComponentChildren;
 };
 
 export default function InfoBar(props: InfoBarParams) {
-    return <div className={`info-bar info-bar-${props.type}`}>
+    return <div className={`info-bar ${props.className} info-bar-${props.type}`}>
         {props?.children}
     </div>
 }