Add Aspects Section to ListingVarientInfo Component

- Introduced a new 'Aspects' collapsible section in the ListingVarientInfo component, enhancing the information displayed for listing variants.
- Added a BulletListIcon for visual representation of the new section.
- Updated the visible properties to include aspects, improving data organization and user experience.

src/components/Dashboard/Sales/ListingVarients/ListingVarientInfo.jsx

@@ -12,6 +12,7 @@ import ObjectProperty from '../../common/ObjectProperty.jsx'
 import ViewButton from '../../common/ViewButton'
 import InfoCircleIcon from '../../../Icons/InfoCircleIcon.jsx'
 import PictureIcon from '../../../Icons/PictureIcon.jsx'
+import BulletListIcon from '../../../Icons/BulletListIcon.jsx'
 import NoteIcon from '../../../Icons/NoteIcon.jsx'
 import AuditLogIcon from '../../../Icons/AuditLogIcon.jsx'
 import ObjectForm from '../../common/ObjectForm'
@@ -55,6 +56,7 @@ const ListingVarientInfo = () => {
     {
       info: true,
       listingImages: true,
+      aspects: true,
       notes: true,
       auditLogs: false
     }
@@ -118,6 +120,7 @@ const ListingVarientInfo = () => {
               items={[
                 { key: 'info', label: 'Listing Varient Information' },
                 { key: 'listingImages', label: 'Listing Images' },
+                { key: 'aspects', label: 'Aspects' },
                 { key: 'notes', label: 'Notes' },
                 { key: 'auditLogs', label: 'Audit Logs' }
               ]}
@@ -196,7 +199,10 @@ const ListingVarientInfo = () => {
                       isEditing={isEditing}
                       type='listingVarient'
                       objectData={objectData}
-                      visibleProperties={{ listingImages: false }}
+                      visibleProperties={{
+                        listingImages: false,
+                        aspects: false
+                      }}
                     />
                   </InfoCollapse>
                   <InfoCollapse
@@ -217,6 +223,23 @@ const ListingVarientInfo = () => {
                       showCard={false}
                     />
                   </InfoCollapse>
+                  <InfoCollapse
+                    title='Aspects'
+                    icon={<BulletListIcon />}
+                    active={collapseState.aspects}
+                    onToggle={(expanded) =>
+                      updateCollapseState('aspects', expanded)
+                    }
+                    collapseKey='aspects'
+                  >
+                    <ObjectProperty
+                      {...getModelProperty('listingVarient', 'aspects')}
+                      isEditing={isEditing}
+                      objectData={objectData}
+                      loading={loading}
+                      size='medium'
+                    />
+                  </InfoCollapse>
                 </Flex>
               )}
             </ObjectForm>