fix: stories

Author: Suraj

example/storybook-nativewind/src/components/Actionsheet/index.nw.storiesold.mdx

@@ -148,7 +148,11 @@ npm i @gluestack-ui/actionsheet
 ### Step 2: Copy and paste the following code into your project.
 
 <CollapsibleCode>
-  ```jsx %%-- File: core-components/nativewind/Actionsheet/index.tsx --%% ```
+
+```jsx 
+%%-- File: core-components/nativewind/Actionsheet/index.tsx --%% 
+```
+
 </CollapsibleCode>
 
 ### Step 3: Update the import paths to match your project setup.

example/storybook-nativewind/src/components/Actionsheet/index.themed.stories.mdx

@@ -152,7 +152,11 @@ npm i @gluestack-ui/actionsheet
 ### Step 2: Copy and paste the following code into your project.
 
 <CollapsibleCode>
-  ```jsx %%-- File: core-components/themed/actionsheet/index.tsx --%% ```
+
+```jsx 
+%%-- File: core-components/themed/actionsheet/index.tsx --%% 
+```
+
 </CollapsibleCode>
 
 ### Step 3: Update the import paths to match your project setup.

example/storybook-nativewind/src/components/Alert/index.nw.stories.mdx

@@ -98,7 +98,11 @@ npm i @gluestack-ui/alert
 ### Step 2: Copy and paste the following code into your project.
 
 <CollapsibleCode>
-  ```jsx %%-- File: core-components/nativewind/Alert/index.tsx --%% ```
+
+```jsx 
+%%-- File: core-components/nativewind/Alert/index.tsx --%% 
+```
+
 </CollapsibleCode>
 
 ### Step 3: Update the import paths to match your project setup.

example/storybook-nativewind/src/components/Alert/index.themed.stories.mdx

@@ -96,7 +96,11 @@ npm i @gluestack-ui/alert
 ### Step 2: Copy and paste the following code into your project.
 
 <CollapsibleCode>
-  ```jsx %%-- File: core-components/themed/alert/index.tsx --%% ```
+
+```jsx 
+%%-- File: core-components/themed/alert/index.tsx --%% 
+```
+
 </CollapsibleCode>
 
 ### Step 3: Update the import paths to match your project setup.

example/storybook-nativewind/src/components/AlertDialog/index.nw.storiesold.mdx

@@ -151,7 +151,11 @@ npm i @gluestack-ui/alert-dialog
 ### Step 2: Copy and paste the following code into your project.
 
 <CollapsibleCode>
-  ```jsx %%-- File: core-components/nativewind/AlertDialog/index.tsx --%% ```
+
+```jsx 
+%%-- File: core-components/nativewind/AlertDialog/index.tsx --%% 
+```
+
 </CollapsibleCode>
 
 ### Step 3: Update the import paths to match your project setup.

example/storybook-nativewind/src/components/AlertDialog/index.themed.stories.mdx

@@ -152,7 +152,9 @@ npm i @gluestack-ui/alert-dialog
 
 <CollapsibleCode>
 
-```jsx %%-- File: core-components/themed/alert-dialog/index.tsx --%% ```
+```jsx 
+%%-- File: core-components/themed/alert-dialog/index.tsx --%% 
+```
 
 </CollapsibleCode>
 

example/storybook-nativewind/src/components/Avatar/index.nw.stories.mdx

@@ -89,7 +89,11 @@ npm i @gluestack-ui/avatar
 ### Step 2: Copy and paste the following code into your project.
 
 <CollapsibleCode>
-  ```jsx %%-- File: core-components/nativewind/Avatar/index.tsx --%% ```
+
+```jsx 
+%%-- File: core-components/nativewind/Avatar/index.tsx --%% 
+```
+
 </CollapsibleCode>
 
 ### Step 3: Update the import paths to match your project setup.

example/storybook-nativewind/src/components/Avatar/index.stories.mdx

@@ -120,7 +120,11 @@ npm install @gluestack-ui/nativewind-utils
 Step 2: Copy and paste the following code into your project.
 
 <CollapsibleCode>
-  ```jsx %%-- File: core-components/nativewind/Avatar/index.tsx --%% ```
+
+```jsx 
+%%-- File: core-components/nativewind/Avatar/index.tsx --%% 
+```
+
 </CollapsibleCode>
 
 Step 3: Update the import paths to match your project setup.
@@ -139,7 +143,11 @@ npm install @gluestack-style/react
 Step 2: Copy and paste the following code into your project.
 
 <CollapsibleCode>
-  ```jsx %%-- File: core-components/themed/avatar/index.tsx --%% ```
+
+```jsx 
+%%-- File: core-components/themed/avatar/index.tsx --%% 
+```
+
 </CollapsibleCode>
 
 Step 3: Update the import paths to match your project setup.

example/storybook-nativewind/src/components/Avatar/index.themed.stories.mdx

@@ -90,7 +90,11 @@ npm i @gluestack-ui/avatar
 ### Step 2: Copy and paste the following code into your project.
 
 <CollapsibleCode>
-  ```jsx %%-- File: core-components/themed/avatar/index.tsx --%% ```
+
+```jsx 
+%%-- File: core-components/themed/avatar/index.tsx --%% 
+```
+
 </CollapsibleCode>
 
 ### Step 3: Update the import paths to match your project setup.

example/storybook-nativewind/src/components/Badge/index.nw.stories.mdx

@@ -114,7 +114,11 @@ npm i @gluestack-ui/badge
 ### Step 2: Copy and paste the following code into your project.
 
 <CollapsibleCode>
-  ```jsx %%-- File: core-components/nativewind/Badge/index.tsx --%% ```
+
+```jsx 
+%%-- File: core-components/nativewind/Badge/index.tsx --%% 
+```
+
 </CollapsibleCode>
 
 ### Step 3: Update the import paths to match your project setup.