style tweaks to both form and existing inventory, added createdAt and modified purchasePrice (for % of market)

src/pages/partials/cards.astro

@@ -1,7 +1,16 @@
 ---
 import { client } from '../../db/typesense';
+import { clerkClient } from '@clerk/astro/server';
 
-import { Show } from '@clerk/astro/components';
+const { userId, has } = Astro.locals.auth();
+const TARGET_ORG_ID = 'org_3Baav9czkRLLlC7g89oJWqRRulK';
+
+let hasAccess = has({ feature: 'inventory_add' });
+
+if (!hasAccess && userId) {
+  const memberships = await clerkClient(Astro).users.getOrganizationMembershipList({ userId });
+  hasAccess = memberships.data.some(m => m.organization.id === TARGET_ORG_ID);
+}
 
 import RarityIcon from '../../components/RarityIcon.astro';
 import FirstEditionIcon from "../../components/FirstEditionIcon.astro";
@@ -286,11 +295,11 @@ const facets = searchResults.results.slice(1).map((result: any) => {
 
 {pokemon.map((card:any) => (
     <div class="col">
-        
+        {hasAccess && (
             <button type="button" class="btn btn-sm inventory-button position-relative float-end shadow-filter text-center p-2" data-card-id={card.cardId} hx-get={`/partials/card-modal?cardId=${card.cardId}`} hx-target="#cardModal" hx-trigger="click" data-bs-toggle="modal" data-bs-target="#cardModal" onclick="event.stopPropagation(); sessionStorage.setItem('openModalTab', 'nav-vendor');">
                 <b>+/–</b>
             </button>
-        
+        )}
         <div class="card-trigger position-relative" data-card-id={card.cardId} hx-get={`/partials/card-modal?cardId=${card.cardId}`} hx-target="#cardModal" hx-trigger="click" data-bs-toggle="modal" data-bs-target="#cardModal" onclick="const cardTitle = this.querySelector('#cardImage').getAttribute('alt'); dataLayer.push({'event': 'virtualPageview', 'pageUrl': this.getAttribute('hx-get'), 'pageTitle': cardTitle, 'previousUrl': '/pokemon'});">
             <div class="image-grow rounded-4 card-image" data-energy={card.energyType} data-rarity={card.rarityName} data-variant={card.variant} data-name={card.productName}><img src={`/static/cards/${card.productId}.jpg`} alt={card.productName} id="cardImage" loading="lazy" decoding="async" class="img-fluid rounded-4 mb-2 w-100" onerror="this.onerror=null; this.src='/static/cards/default.jpg'; this.closest('.image-grow')?.setAttribute('data-default','true')"/><span class="position-absolute top-50 start-0 d-inline medium-icon"><FirstEditionIcon edition={card?.variant} /></span>
               <div class="holo-shine"></div>