Embedded Sample New Designs (#489)

* New embedded sample UX changes

* PR Comment resolution, Theme support, Starting field , and dynamic resolution page

* Changed mandatory field in the lab and updated the variables like that

---------

Co-authored-by: Siva Rama Krishna <[email protected]>

Author: SambhuPega

assets/img/GoldPhone.png

@@ -108,7 +108,10 @@ export default function RadioButtons(props: RadioButtonsProps) {
     return (
       <div>
         <h4 style={{ marginTop: 0, marginBottom: 0 }}>{label}</h4>
-        <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(min(100%, 40ch), 1fr))', gridAutoRows: '1fr', gap: '0.5rem' }}>
+        <div
+          className='selectable-card-grid-style'
+          style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(min(100%, 40ch), 1fr))', gridAutoRows: '1fr', gap: '0.5rem' }}
+        >
           <SelectableCard
             hideFieldLabels={hideFieldLabels}
             additionalProps={additionalProps}

assets/img/MediaCoLogo.png

@@ -74,7 +74,7 @@ export default function SelectableCard(props) {
         }
 
         const component = (
-          <div style={{ paddingTop: '15px' }}>
+          <div key={item[recordKey]} style={{ paddingTop: '15px' }}>
             <Card className={className} style={{ display: 'flex', flexDirection: 'column', height: '100%' }} data-testid={testId}>
               <CardContent
                 style={{