Inventory Front End Refactor #4430

[kinjalravel]

Summary

A summary of changes being made in this PR
#4430

Checklist

• Pre-push checks pass npm run check
  • Linter passing via npm run lint
  • Unit & Integration tests passing via npm run test:packages
  • Docker build process passing via npm run build-client
• If this PR is still a WIP, convert to a draft
• When this PR is ready, mark it as "Ready for review"
• Changes have been manually QA'd
• Changes reviewed by at least 2 approved reviewers

References

References to pertaining issue(s)

QA Steps

1. git checkout pr_branch_name
2. npm install
3. npm run dev-reinit
4. npm run dev

List any additional steps required to QA the changes of this PR, as well as any supplemental images or videos.

Reviewers

Reviewers for this PR

[HexaField]

Please create a descriptive title and fill out the template

[kinjalravel]

Please create a descriptive title and fill out the template

@HexaField Sure, I will update the description and title along with template