Fixed issue in TabsComponent.story.tsx and reset default export on la…

…yoout.tsx

client/src/app/bookings/layout.tsx

@@ -13,7 +13,7 @@ import queryClient from "@/services/QueryClient"
 
 type IBookingLayout = Readonly<{
   children: ReactNode
-  policyInfoProps: ReactNode
+  // policyInfoProps: ReactNode
 }>
 
 const InnerBookingLayout = ({ children }: IBookingLayout) => {
@@ -54,16 +54,11 @@ const InnerBookingLayout = ({ children }: IBookingLayout) => {
   )
 }
 
-export default function BookingLayout({
-  children,
-  policyInfoProps
-}: IBookingLayout) {
+export default function BookingLayout({ children }: IBookingLayout) {
   return (
     <QueryClientProvider client={queryClient}>
       <BookingContextProvider>
-        <InnerBookingLayout policyInfoProps={policyInfoProps}>
-          {children}
-        </InnerBookingLayout>
+        <InnerBookingLayout>{children}</InnerBookingLayout>
       </BookingContextProvider>
     </QueryClientProvider>
   )

client/src/components/generic/TabsComponent/TabsComponent.story.tsx

@@ -1,6 +1,7 @@
 import type { Meta } from "@storybook/react"
 import TabsComponent from "./TabsComponent"
 import { useState } from "react"
+import { Tab } from "@/components/generic/TabsComponent/TabsComponent"
 
 const meta: Meta<typeof TabsComponent> = {
   component: TabsComponent,
@@ -27,8 +28,8 @@ const BookingSection = () => (
   </>
 )
 
-const exampleHeadings = [
-  { title: "LODGE BOOKINGS", content: <BookingSection />, index: TabIndex.ONE },
+const exampleHeadings: Tab[] = [
+  { title: "LODGE BOOKINGS", content: <BookingSection />, order: TabIndex.ONE },
   {
     title: "CANCELLATION",
     content: (
@@ -39,9 +40,9 @@ const exampleHeadings = [
         nesciunt perferendis.
       </p>
     ),
-    index: TabIndex.TWO
+    order: TabIndex.TWO
   },
-  { title: "BEHAVIOUR", content: <p>Contents 3</p>, index: TabIndex.THREE }
+  { title: "BEHAVIOUR", content: <p>Contents 3</p>, order: TabIndex.THREE }
 ]
 
 export const DefaultStory = () => {