Use patched frameless-titlebar on Windows

ts/components/About.tsx

@@ -1,15 +1,21 @@
-// Copyright 2021 Signal Messenger, LLC
+// Copyright 2021-2022 Signal Messenger, LLC
 // SPDX-License-Identifier: AGPL-3.0-only
 
 import React from 'react';
+
 import type { LocalizerType } from '../types/Util';
 import { useEscapeHandling } from '../hooks/useEscapeHandling';
+import { useTheme } from '../hooks/useTheme';
+import { TitleBarContainer } from './TitleBarContainer';
+import type { ExecuteMenuRoleType } from './TitleBarContainer';
 
 export type PropsType = {
   closeAbout: () => unknown;
   environment: string;
   i18n: LocalizerType;
   version: string;
+  platform: string;
+  executeMenuRole: ExecuteMenuRoleType;
 };
 
 export const About = ({
@@ -17,34 +23,45 @@ export const About = ({
   i18n,
   environment,
   version,
+  platform,
+  executeMenuRole,
 }: PropsType): JSX.Element => {
   useEscapeHandling(closeAbout);
 
-  return (
-    <div className="About">
-      <div className="module-splash-screen">
-        <div className="module-splash-screen__logo module-img--150" />
+  const theme = useTheme();
 
-        <div className="version">{version}</div>
-        <div className="environment">{environment}</div>
-        <div>
-          <a href="https://signal.org">signal.org</a>
-        </div>
-        <br />
-        <div>
-          <a
-            className="acknowledgments"
-            href="https://github.com/signalapp/Signal-Desktop/blob/main/ACKNOWLEDGMENTS.md"
-          >
-            {i18n('softwareAcknowledgments')}
-          </a>
-        </div>
-        <div>
-          <a className="privacy" href="https://signal.org/legal">
-            {i18n('privacyPolicy')}
-          </a>
+  return (
+    <TitleBarContainer
+      platform={platform}
+      theme={theme}
+      executeMenuRole={executeMenuRole}
+      title={i18n('aboutSignalDesktop')}
+    >
+      <div className="About">
+        <div className="module-splash-screen">
+          <div className="module-splash-screen__logo module-img--150" />
+
+          <div className="version">{version}</div>
+          <div className="environment">{environment}</div>
+          <div>
+            <a href="https://signal.org">signal.org</a>
+          </div>
+          <br />
+          <div>
+            <a
+              className="acknowledgments"
+              href="https://github.com/signalapp/Signal-Desktop/blob/main/ACKNOWLEDGMENTS.md"
+            >
+              {i18n('softwareAcknowledgments')}
+            </a>
+          </div>
+          <div>
+            <a className="privacy" href="https://signal.org/legal">
+              {i18n('privacyPolicy')}
+            </a>
+          </div>
         </div>
       </div>
-    </div>
+    </TitleBarContainer>
   );
 };