Make the Home Feed tabs sticky

src/features/home-timeline/index.tsx

@@ -15,23 +15,25 @@ const HomeTimeline = () => {
 
   return (
     <>
-      <Tabs
+      <div className='sticky top-11 z-50 bg-white black:bg-black dark:bg-primary-900 lg:top-0'>
-        items={[
+        <Tabs
-          {
+          items={[
-            to: '/',
+            {
-            name: '/',
+              to: '/',
-            text: <FormattedMessage id='tabs_bar.follows' defaultMessage='Follows' />,
+              name: '/',
-            notification: notifications.home,
+              text: <FormattedMessage id='tabs_bar.follows' defaultMessage='Follows' />,
-          },
+              notification: notifications.home,
-          {
+            },
-            to: '/timeline/local',
+            {
-            name: '/timeline/local',
+              to: '/timeline/local',
-            text: <div className='block max-w-xs truncate'>{instance.title}</div>,
+              name: '/timeline/local',
-            notification: notifications.instance,
+              text: <div className='block max-w-xs truncate'>{instance.title}</div>,
-          },
+              notification: notifications.instance,
-        ]}
+            },
-        activeItem={match.path}
+          ]}
-      />
+          activeItem={match.path}
+        />
+      </div>
 
       <Suspense fallback={<div className='p-4 text-center'><FormattedMessage id='loading_indicator.label' defaultMessage='Loading…' /></div>}>
         <Switch>