feat: implement preferences pane

app/assets/javascripts/components/TitleBar.tsx

@@ -0,0 +1,13 @@
+import { FunctionComponent } from 'preact';
+
+export const TitleBar: FunctionComponent<{ className?: string }> = ({
+  children,
+  className,
+}) => <div className={`sn-titlebar ${className ?? ''}`}>{children}</div>;
+
+export const Title: FunctionComponent<{ className?: string }> = ({
+  children,
+  className,
+}) => {
+  return <div className={`sn-title ${className ?? ''}`}>{children}</div>;
+};