[Manager] Allow scrolling info panel while keeping the icon pinned at top (#3139)

src/components/dialog/content/manager/infoPanel/InfoPanel.vue

@@ -1,8 +1,10 @@
 <template>
   <template v-if="nodePack">
-    <div class="flex flex-col h-full z-40 hidden-scrollbar w-80">
-      <div class="p-6 flex-1 overflow-hidden text-sm">
+    <div class="flex flex-col h-full z-40 w-80 overflow-hidden relative">
+      <div class="top-0 z-10 px-6 pt-6 w-full">
         <InfoPanelHeader :node-packs="[nodePack]" />
+      </div>
+      <div class="p-6 pt-2 overflow-y-auto flex-1 text-sm hidden-scrollbar">
         <div class="mb-6">
           <MetadataRow
             v-if="isPackInstalled(nodePack.id)"
@@ -104,9 +106,6 @@ const infoItems = computed<InfoItem[]>(() => [
 </script>
 <style scoped>
 .hidden-scrollbar {
-  height: 100%;
-  overflow-y: auto;
-
   /* Firefox */
   scrollbar-width: none;