chore(visualizer): create message component for no schema state

Author: BOCOVO

packages/json-table-schema-visualizer/src/components/Messages/NoSchemaMessage.stories.tsx

@@ -0,0 +1,16 @@
+import { type StoryObj, type Meta } from "@storybook/react";
+
+import NoSchemaMessage from "./NoSchemaMessage";
+
+const meta = {
+  title: "components/Messages/NoSchemaMessage",
+  component: NoSchemaMessage,
+} satisfies Meta<typeof NoSchemaMessage>;
+
+export default meta;
+
+type Story = StoryObj<typeof NoSchemaMessage>;
+
+export const NoSchemaMessageStory: Story = {
+  render: () => <NoSchemaMessage />,
+};

packages/json-table-schema-visualizer/src/components/Messages/NoSchemaMessage.tsx

@@ -0,0 +1,11 @@
+import MessageWrapper from "./MessageWrapper";
+
+const NoSchemaMessage = () => {
+  return (
+    <MessageWrapper>
+      <p>No schema found</p>
+    </MessageWrapper>
+  );
+};
+
+export default NoSchemaMessage;