fix bookmark button on Popular page, Next bump (#2161)

Author: Simek

bun.lock

@@ -55,9 +55,15 @@ export default function Library({
       ]}>
       <BookmarkButton
         bookmarkId={bookmarkId}
-        style={tw`absolute right-2 top-2 z-10 rounded border border-palette-gray2 p-1.5 dark:border-palette-gray6`}
+        style={tw`absolute right-2.5 top-2.5 z-10 rounded border border-palette-gray2 p-1.5 dark:border-palette-gray6`}
       />
-      <View style={[tw`flex-1 p-4 pb-3.5 pl-5`, isSmallScreen && tw`px-3.5 pb-3 pt-2.5`]}>
+      <View
+        style={[
+          tw`flex-1 p-4 pb-3 pl-5`,
+          showTrendingMark && tw`pt-3.5`,
+          isSmallScreen && tw`px-3.5 pt-2.5`,
+          showTrendingMark && isSmallScreen && tw`pb-2 pl-3.5 pr-4 pt-3.5`,
+        ]}>
         {library.unmaintained && (
           <View
             style={
@@ -70,7 +76,7 @@ export default function Library({
           </View>
         )}
         {showTrendingMark && library.popularity && (
-          <View style={tw`mb-1 flex-row items-center justify-between gap-6`}>
+          <View style={tw`mb-1 flex-row items-center justify-between gap-6 pr-8`}>
             <Tooltip sideOffset={8} trigger={<TrendingMark library={library} />}>
               Trending Score is based on the last week to last month download rate.
             </Tooltip>

components/Library/index.tsx

@@ -34,7 +34,7 @@
     "es-toolkit": "^1.44.0",
     "expo": "54.0.32",
     "expo-font": "^14.0.11",
-    "next": "^16.1.5",
+    "next": "^16.1.6",
     "node-emoji": "^2.2.0",
     "postcss": "^8.5.6",
     "react": "19.2.4",
@@ -57,9 +57,9 @@
   },
   "devDependencies": {
     "@expo/next-adapter": "^6.0.0",
-    "@next/bundle-analyzer": "^16.1.5",
+    "@next/bundle-analyzer": "^16.1.6",
     "@prettier/plugin-oxc": "^0.1.3",
-    "@types/bun": "^1.3.6",
+    "@types/bun": "^1.3.7",
     "@types/crypto-js": "^4.2.2",
     "@types/react": "^19.2.10",
     "@vercel/blob": "^0.27.3",