new notes btn positioning

packages/app/src/Element/Feed/Timeline.css

@@ -10,8 +10,9 @@
 
 .latest-notes-fixed {
   position: fixed;
-  left: 45%;
-  top: 12px;
+  top: 50px;
+  left: 50%;
+  transform: translateX(-50%);
   width: auto;
   z-index: 42;
   opacity: 0.9;

packages/app/src/Element/Feed/TimelineRenderer.tsx

@@ -91,7 +91,15 @@ export function TimelineRenderer(props: TimelineRendererProps) {
               className="card latest-notes latest-notes-fixed pointer fade-in"
               onClick={() => props.showLatest(true)}>
               {props.latest.slice(0, 3).map(p => {
-                return <ProfileImage pubkey={p} showUsername={false} link={""} showFollowDistance={false} />;
+                return (
+                  <ProfileImage
+                    pubkey={p}
+                    showProfileCard={false}
+                    showUsername={false}
+                    link={""}
+                    showFollowDistance={false}
+                  />
+                );
               })}
               <FormattedMessage
                 defaultMessage="{n} new {n, plural, =1 {note} other {notes}}"

packages/app/src/Pages/Layout/Header.tsx

@@ -73,7 +73,9 @@ export function Header() {
         { "md:hidden": pageName === "messages" },
         "flex justify-between items-center self-stretch gap-6 sticky top-0 z-10 bg-bg-color md:bg-header md:bg-opacity-50 md:shadow-lg md:backdrop-blur-lg",
       )}>
-      <div onClick={handleBackButtonClick} className={classNames({"hidden": !showBackButton}, "p-2 md:p-3 cursor-pointer")}>
+      <div
+        onClick={handleBackButtonClick}
+        className={classNames({ hidden: !showBackButton }, "p-2 md:p-3 cursor-pointer")}>
         <Icon name="arrowBack" />
       </div>
       {!showBackButton && (