Custom hook to get the current device orientation.
This hook returns the height, width, and a boolean indicating if the device is in portrait mode.
It listens to changes in the window dimensions and updates the orientation accordingly.
The useEffect hook only includes width in its dependency array. This is because the height and width are typically updated together,
and including only width prevents unnecessary re-renders.
Custom hook to get the current device orientation.
This hook returns the height, width, and a boolean indicating if the device is in portrait mode. It listens to changes in the window dimensions and updates the orientation accordingly.