frontend : Added Stories and Snapshots for Layout Component

[IITI-tushar]

Refers: #931

Storybook Integration:

• Added a new Storybook file, Layout.stories.tsx, to provide visual testing for the Layout component. It includes multiple stories showcasing different configurations, such as default, full-width, with custom content, and with error states.

Mock Implementation for Testing:

• Introduced LayoutForStories.tsx, a simplified mock implementation of the Layout component for Storybook testing. This version eliminates Redux and API dependencies, making it easier to test the layout in isolation.

Codebase Refactoring:

• Updated import paths in the Layout.tsx file to reflect the new directory structure after renaming and reorganizing files.

Snapshot Testing:

• Added snapshot tests for various layout configurations, including default, full-width, custom content, error state, and multiple panels. These snapshots ensure consistent rendering of the Layout component in different scenarios.

[k8s-ci-robot]

[APPROVALNOTIFIER] This PR is NOT APPROVED

This pull-request has been approved by: IITI-tushar
Once this PR has been reviewed and has the lgtm label, please assign joaquimrocha for approval. For more information see the Code Review Process.

The full list of commands accepted by this bot can be found here.

Needs approval from an approver in each of these files:

• OWNERS

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

[illume]

Nice work @IITI-tushar

There is an i18n CI check failing. npm run i18n to see what files need updating.

I didn't have a close look yet, but thought I'd mention that is how the failure can be addressed.

[IITI-tushar]

@illume
sir made some changes to i18next-parser-config.js.

now the npm run i18n ran without errors