Remove empty state block

docs/blocks/foundation/EmptyState.mdx

@@ -2,7 +2,6 @@ import { Meta, Unstyled } from '@storybook/addon-docs';
 import { NoResults } from './NoResults';
 import { MissingInfo } from './MissingInfo'
 import { NothingToDisplay } from './NothingToDisplay'
-import { EmptyState } from './EmptyState'
 import { Tabs, TabPanel, TabList, Tab } from '../../../src/layout/Tabs';
 
 <Meta title="Blocks/Foundation/Empty State" />
@@ -343,50 +342,4 @@ export const NothingToDisplay: FC = () => (
 ```
     </TabPanel>
   </Tabs>
-</Unstyled>
-<br />
-<Unstyled>
-  <Tabs direction="rtl">
-    <TabList>
-      <Tab className="light:text-white">
-        Demo
-      </Tab>
-      <Tab className="light:text-white">
-        Code
-      </Tab>
-    </TabList>
-    <TabPanel>
-      <div className="flex flex-col border justify-center items-center min-h-[840px] border-gray-700 light:bg-mystic light:text-black">
-        <EmptyState />
-      </div>
-    </TabPanel>
-    <TabPanel>
-```tsx
-import React, { FC } from 'react';
-import { motion } from 'framer-motion';
-import { Card } from 'reablocks';
-
-
-export const EmptyState: FC = () => (
-  <motion.div
-    initial={{ y: -20, opacity: 0 }}
-    animate={{ y: 0, opacity: 1 }}
-    className="mt-10 sm:mx-auto sm:w-full md:w-[800px]"
-  >
-    <Card
-      className="w-full p-24 md:h-[628px]"
-      contentClassName="flex flex-col justify-center gap-2 items-center text-center"
-    >
-      <span className="text-xl font-bold">Empty State</span>
-      <span className="text-panel-secondary-content text-base">
-        Looks like this section is empty right now. Check back later or explore
-        other areas of the app for more content.
-      </span>
-    </Card>
-  </motion.div>
-);
-
-```
-    </TabPanel>
-  </Tabs>
-</Unstyled>
+</Unstyled>