feat: update card component and styles for grid layout

- changed `data-flex` to `data-flex-grid` in card.stories.tsx for flexible content rendering
- added grid layout styles for `data-flex-grid` in _grid.scss and index.css
- updated css map file to reflect changes in styles

libs/react/fpkit/src/components/cards/card.stories.tsx

@@ -82,7 +82,7 @@ export const FlexibleContent: Story = {
     },
   },
   render: (args) => (
-    <div data-flex>
+    <div data-flex-grid>
       <Card {...args}>
         <Card.Title>Card Title</Card.Title>
         <Card.Content>

libs/react/fpkit/src/sass/_grid.scss

@@ -32,3 +32,19 @@
     justify-content: center;
   }
 }
+
+[data-flex-grid] {
+  display: grid;
+  grid-template-columns: repeat(
+    auto-fit,
+    minmax(var(--grid-column-min-width, 20.3125rem), 1fr)
+  );
+  gap: var(--gap);
+  margin-block-end: 3rem;
+  margin-inline: auto;
+  justify-content: center;
+  align-content: start;
+  // max-width: 92.5rem;
+}
+
+// ... existing code ...