Add New Position Options for Popups

[Vidit-Kushwaha]

Description:

Currently, react-popupify supports only the center position for popups. To enhance flexibility and usability, we would like to add new position options. The following positions are requested:

• top-right
• top-left
• bottom-right
• bottom-left
• bottom-center

Acceptance Criteria:

1. New Position Options:

   • Implement the following positions:
     • top-right: Popup positioned at the top-right corner of the viewport.
     • top-left: Popup positioned at the top-left corner of the viewport.
     • bottom-right: Popup positioned at the bottom-right corner of the viewport.
     • bottom-left: Popup positioned at the bottom-left corner of the viewport.
     • bottom-center: Popup positioned at the bottom-center of the viewport.

2. Configuration:

   • Ensure that these new positions can be set via props or configuration options in the popup component.

3. Documentation:

   • Update the documentation to include examples of how to use the new position options.

4. Testing:

   • Add or update tests to cover the new position options.

Additional Notes:

If there are any design or implementation considerations to take into account for the new positions, please include them in the pull request description.