Update shared-components story titles to match component paths (#33157)

* Align shared-components Storybook titles with their current paths.

* Rechange the structure for better navigation on storybook

* Update Placement of RoomlistToast to correct catagory

* Update for easier reading

* Adding space for better reading.

* Add spacing for Timeline Event

* add spacing to timeline meta for better reading

* add spacing for better reading for timeline reaction

* Fix wrong placement of Imagebody

* Final Update of structure of shared components

* Update storybook for urlpreviewgroupview

packages/shared-components/src/core/AvatarWithDetails/AvatarWithDetails.stories.tsx

@@ -11,7 +11,7 @@ import { type Meta, type StoryObj } from "@storybook/react-vite";
 import { AvatarWithDetails } from "./AvatarWithDetails";
 
 const meta = {
-    title: "core/AvatarWithDetails",
+    title: "Core/AvatarWithDetails",
     component: AvatarWithDetails,
     tags: ["autodocs"],
     args: {

packages/shared-components/src/core/VirtualizedList/FlatVirtualizedList/FlatVirtualizedList.stories.tsx

@@ -14,7 +14,7 @@ import { items, SimpleItemComponent } from "../story-mock";
 import { getContainerAccessibleProps, getItemAccessibleProps } from "../accessbility";
 
 const meta = {
-    title: "Utils/VirtualizedList/FlatVirtualizedList",
+    title: "Core/FlatVirtualizedList",
     component: FlatVirtualizedList<SimpleItemComponent, undefined>,
     parameters: {
         docs: {

packages/shared-components/src/core/VirtualizedList/GroupedVirtualizedList/GroupedVirtualizedList.stories.tsx

@@ -17,7 +17,7 @@ import { getContainerAccessibleProps, getGroupHeaderAccessibleProps, getItemAcce
 const totalRows = groups.reduce((total, group) => total + 1 + group.items.length, 0);
 
 const meta = {
-    title: "Utils/VirtualizedList/GroupedVirtualizedList",
+    title: "Core/GroupedVirtualizedList",
     component: GroupedVirtualizedList<SimpleGroupHeader, SimpleItemComponent, undefined>,
     parameters: {
         docs: {

packages/shared-components/src/core/pill-input/Pill/Pill.stories.tsx

@@ -12,7 +12,7 @@ import type { Meta, StoryObj } from "@storybook/react-vite";
 import { Pill } from "./Pill";
 
 const meta = {
-    title: "PillInput/Pill",
+    title: "Core/Pill",
     component: Pill,
     tags: ["autodocs"],
     args: {

packages/shared-components/src/core/pill-input/PillInput/PillInput.stories.tsx

@@ -12,7 +12,7 @@ import type { Meta, StoryObj } from "@storybook/react-vite";
 import { PillInput } from "./PillInput";
 
 const meta = {
-    title: "PillInput/PillInput",
+    title: "Core/PillInput",
     component: PillInput,
     tags: ["autodocs"],
     args: {

packages/shared-components/src/core/rich-list/RichItem/RichItem.stories.tsx

@@ -14,7 +14,7 @@ import { RichItem } from "./RichItem";
 const currentTimestamp = new Date("2025-03-09T12:00:00Z").getTime();
 
 const meta = {
-    title: "RichList/RichItem",
+    title: "Core/RichItem",
     component: RichItem,
     tags: ["autodocs"],
     args: {

packages/shared-components/src/core/rich-list/RichList/RichList.stories.tsx

@@ -14,7 +14,7 @@ import { RichItem } from "../RichItem";
 const avatar = <div style={{ width: 32, height: 32, backgroundColor: "#ccc", borderRadius: "50%" }} />;
 
 const meta = {
-    title: "RichList/RichList",
+    title: "Core/RichList",
     component: RichList,
     tags: ["autodocs"],
     decorators: [

packages/shared-components/src/core/utils/FormattingUtils.stories.tsx

@@ -13,7 +13,7 @@ import formatBytesDoc from "../../../typedoc/functions/formatBytes.md?raw";
 import formatSecondsDoc from "../../../typedoc/functions/formatSeconds.md?raw";
 
 const meta = {
-    title: "utils/FormattingUtils",
+    title: "Core/FormattingUtils",
     parameters: {
         docs: {
             page: () => (

packages/shared-components/src/core/utils/LinkedText/LinkedText.stories.tsx

@@ -13,7 +13,7 @@ import { LinkedText } from "./LinkedText";
 import { LinkedTextContext } from "./LinkedTextContext";
 
 const meta = {
-    title: "Utils/LinkedText",
+    title: "Core/LinkedText",
     component: LinkedText,
     decorators: [
         (Story, { args }) => (

packages/shared-components/src/core/utils/humanize.stories.tsx

@@ -12,7 +12,7 @@ import type { Meta } from "@storybook/react-vite";
 import humanizeTimeDoc from "../../../typedoc/functions/humanizeTime.md?raw";
 
 const meta = {
-    title: "utils/humanize",
+    title: "Core/Humanize",
     parameters: {
         docs: {
             page: () => (

packages/shared-components/src/core/utils/linkify.stories.tsx

@@ -18,7 +18,7 @@ import generateLinkedTextOptions from "../../../typedoc/functions/generateLinked
 import LinkedTextOptions from "../../../typedoc/interfaces/LinkedTextOptions.md?raw";
 
 const meta = {
-    title: "utils/linkify",
+    title: "Core/Linkify",
     parameters: {
         docs: {
             page: () => (

packages/shared-components/src/core/utils/numbers.stories.tsx

@@ -16,7 +16,7 @@ import percentageWithinDoc from "../../../typedoc/functions/percentageWithin.md?
 import sumDoc from "../../../typedoc/functions/sum.md?raw";
 
 const meta = {
-    title: "utils/numbers",
+    title: "Core/Numbers",
     parameters: {
         docs: {
             page: () => (