bug: double padded notes on profile

packages/app/src/Element/Timeline.tsx

@@ -114,7 +114,7 @@ const Timeline = (props: TimelineProps) => {
   }
 
   return (
-    <div className="main-content">
+    <>
       {latestFeed.length > 0 && (
         <>
           <div className="card latest-notes pointer" onClick={() => onShowLatest()} ref={ref}>
@@ -149,7 +149,7 @@ const Timeline = (props: TimelineProps) => {
           <Skeleton width="100%" height="120px" margin="0 0 16px 0" />
         </LoadMore>
       )}
-    </div>
+    </>
   );
 };
 export default Timeline;

packages/app/src/Pages/Notifications.tsx

@@ -15,10 +15,8 @@ export default function NotificationsPage() {
   }, []);
 
   return (
-    <>
     <div className="main-content">
       <TaskList />
-      </div>
       {login.publicKey && (
         <Timeline
           subject={{
@@ -32,6 +30,6 @@ export default function NotificationsPage() {
           method={"TIME_RANGE"}
         />
       )}
-    </>
+    </div>
   );
 }

packages/app/src/Pages/ProfilePage.tsx

@@ -230,7 +230,6 @@ export default function ProfilePage() {
       case NOTES:
         return (
           <>
-            <div className="main-content">
             {pinned
               .filter(a => a.kind === EventKind.TextNote)
               .map(n => {
@@ -243,7 +242,6 @@ export default function ProfilePage() {
                   />
                 );
               })}
-            </div>
             <Timeline
               key={id}
               subject={{

packages/app/src/Pages/Root.tsx

@@ -83,7 +83,9 @@ export default function RootPage() {
       <div className="main-content">
         {pubKey && <Tabs tabs={tabs} tab={tab} setTab={t => navigate(unwrap(t.data))} />}
       </div>
+      <div className="main-content">
         <Outlet />
+      </div>
     </>
   );
 }