Profile: use AppTopBar

src/profiles/Profile.tsx

@@ -62,6 +62,7 @@ import {
   createSingluarItemSelection,
   default as ItemSelectionProvider,
 } from "../timelines/toots/ItemSelectionProvider";
+import AppTopBar from "~material/AppTopBar";
 
 const Profile: Component = () => {
   const { pop } = useNavigator();
@@ -195,20 +196,15 @@ const Profile: Component = () => {
   return (
     <Scaffold
       topbar={
-        <AppBar
+        <AppTopBar
           role="navigation"
           position="static"
           color={scrolledPastBanner() ? "primary" : "transparent"}
           elevation={scrolledPastBanner() ? undefined : 0}
-        >
-          <Toolbar
-            variant="dense"
-            sx={{
-              display: "flex",
+          style={{
             color: scrolledPastBanner()
               ? undefined
               : bannerSampledColors()?.text,
-              paddingTop: "var(--safe-area-inset-top)",
           }}
         >
           <IconButton color="inherit" onClick={[pop, 1]} aria-label="Close">
@@ -231,8 +227,7 @@ const Profile: Component = () => {
           >
             <MoreVert />
           </IconButton>
-          </Toolbar>
-        </AppBar>
+        </AppTopBar>
       }
       class="Profile"
     >