Fixed datapack overflow

client/src/views/GameInterface/tabs/DatapackTab.jsx

@@ -58,6 +58,7 @@ const DatapackTab = () => {
 
   return (
     <div className="tab-content active datapack-tab-wrapper">
+      <MeteorRegion>
         <div className="datapack-controls">
           <div className="section-selector">
             {sections.map((s) => (
@@ -83,7 +84,7 @@ const DatapackTab = () => {
           </div>
         </div>
 
-      <MeteorRegion className="datapack-content">
+        <div className="datapack-content">
           <div className="datapack-grid">
             {displayList.map((item) => (
               <div
@@ -110,13 +111,14 @@ const DatapackTab = () => {
                   <span className="card-name">{item.displayName}</span>
                   <span className="card-id">{item.id}</span>
 
-                {/* Секція луту без картинок, лише текст або іконка коробки */}
                   {activeSection === "hostiles" &&
                     item.loot &&
                     item.loot.length > 0 && (
                       <div className="card-loot-preview">
                         {item.loot.map((lootEntry, idx) => {
-                        const lootData = GameDataManager.getItem(lootEntry.id);
+                          const lootData = GameDataManager.getItem(
+                            lootEntry.id,
+                          );
                           return (
                             <div
                               key={`${item.id}-loot-${idx}`}
@@ -140,8 +142,8 @@ const DatapackTab = () => {
               </div>
             ))}
           </div>
+        </div>
       </MeteorRegion>
-
       {selectedItem && (
         <DatapackDetailsModal
           data={selectedItem}