feat(ItemCard): refactor action buttons to use item-card-actions class for consistent styling

src/components/Elements/MainModal/scss/marketplace/_main.scss

@@ -70,6 +70,7 @@
       display: flex;
       flex-flow: column;
       align-items: flex-start;
+      width: 100%;
 
       .card-title {
         font-size: 18px;
@@ -200,6 +201,13 @@
   }
 }
 
+.item-card-actions {
+  display: flex;
+  gap: 8px;
+  margin-top: 1.5rem;
+  width: 100%;
+}
+
 .itemPage {
   display: flex;
   flex-flow: row;

src/features/marketplace/components/Items/Items.jsx

@@ -219,7 +219,7 @@ function ItemCard({
         )}
 
         {isAdded && onUninstall && (
-          <div style={{ display: 'flex', gap: '8px', marginTop: '10px', width: '100%' }}>
+          <div className="item-card-actions">
             <Button
               type="settings"
               onClick={(e) => {
@@ -227,7 +227,6 @@ function ItemCard({
                 setShowSettingsModal(true);
               }}
               icon={<MdSettings />}
-              label={variables.getMessage('modals.main.marketplace.product.buttons.settings')}
               style={{ flex: 1 }}
             />
             <Button
@@ -237,7 +236,6 @@ function ItemCard({
                 onUninstall(item.type, item.name);
               }}
               icon={<MdClose />}
-              label={variables.getMessage('modals.main.marketplace.product.buttons.remove')}
               style={{ flex: 1 }}
             />
           </div>