[Feature] Add all custom hooks created to reuse across projects

[sudhanshutech]

Current Behavior

We use currently number of hooks mainly stored in utility dir or as utils. They are custom ones. They can be added as a separate hooks dir from sistent to use across everywhere.

Desired Behavior

Examples:

• https://github.com/meshery/meshery/tree/master/ui/utils/hooks
• https://github.com/meshery/meshery/blob/master/ui/utils/utils.js

Implementation

Acceptance Tests

Mockups

---

Contributor Guide

• 🎨 Wireframes and designs for Sistent site in Figma (open invite)

[Prathameshzad]

Please correct me if I am thinking wrong
Do we have to Introduce a dedicated hooks directory to organize all custom hooks? And also ensure hooks are reusable, well-documented, and easy to locate for use across different parts of the project ?

[sudhanshutech]

yes you are right

[usamaidrsk]

Hi @Prathameshzad do you plan on taking this up, I was thinking we could work it out together.
cc @sudhanshutech

[Prathameshzad]

@usamaidrsk Sure, we can work together on this issue

[Aditya-PS-05]

@sudhanshutech can you assign me this issue?