Chore: Normalize composables to a single format (Vue recommended)

### Description

Front End Composables use inconsistent formats and structure, making them harder to maintain and understand.

All composables should follow a single, consistent format aligned with Vue's recommended practices for composables (naming, structure, return shape, etc.).

https://vuejs.org/guide/reusability/composables

### Epic/Story

_No response_

### Have you provided an initial effort estimate for this issue?

I have provided an initial effort estimate