chore(react-card): add design templates to stories (#23841)

Author: theerebuss

change/@fluentui-react-card-c777b759-b01a-4136-9ac5-33b986fe037f.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: add templates to stories",
+  "packageName": "@fluentui/react-card",
+  "email": "39736248+andrefcdias@users.noreply.github.com",
+  "dependentChangeType": "none"
+}

packages/react-components/react-card/assets/app_logo.svg

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import { action } from '@storybook/addon-actions';
-import { Subtitle1 } from '@fluentui/react-text';
-import { makeStyles, shorthands } from '@griffel/react';
+import { makeStyles, shorthands, Subtitle1 } from '@fluentui/react-components';
 import { SampleCard } from './SampleCard.stories';
 
 const useStyles = makeStyles({

packages/react-components/react-card/assets/avatar_colin.svg

@@ -1,8 +1,6 @@
 import * as React from 'react';
 
-import { Body1, Caption1 } from '@fluentui/react-text';
-
-import { Button } from '@fluentui/react-button';
+import { Body1, Caption1, Button } from '@fluentui/react-components';
 import { ArrowReplyRegular, ShareRegular } from '@fluentui/react-icons';
 import { Card, CardFooter, CardHeader, CardPreview } from '@fluentui/react-card';
 import { ASSET_URL } from './SampleCard.stories';