Feature: Refactor modal types and introduce side sheet

[ulusoyca]

Description

This PR replaces the WoltModalType enum with the WoltModalType abstract class, designed to standardize the behavior and appearance of various modal types across the application. It also includes the implementation of specific modal types that extend WoltModalType, such as WoltDialogType, WoltBottomSheetType, and WoltSideSheetType. This implementation ensures consistency in our modals' design and enables modal type customization.

Note

This PR updates the existing specs of dialog and bottom sheets according to Wolt's design system, and introduces side sheet specs.

Here is the specs:

Screenshots with safe area

Verical Bottomsheet	Horizontal Bottomsheet

Verical Dialog	Horizontal Dialog

Vertical Side Sheet	Horizontal Side Sheet

LTR Side Sheet	LTR SIde Sheet

Bottomsheet Responsive
bottom_resp.mov

Dialog Responsive
dialog_resp.mov

Side sheet responsive
sidesheet_resp.mov

Related Issues

Issues Related

Issues related to this feature is labeled with Custom Modal Type

• Set page transition animation duration #229
• Add change width of dialog or BTS #170
• Add side sheet modal type #25
• Sab gradient color does not default to background color #224

Checklist

Before you create this PR confirm that it meets all requirements listed below by checking the relevant checkboxes ([x]).
This will ensure a smooth and quick review process.

• I read the Contributor Guide and followed the process outlined there for submitting PRs.
• My PR includes tests for all changed/updated/fixed behaviors.
• All existing and new tests are passing.
• I updated/added relevant documentation (doc comments with ///).
• The analyzer (melos run analyze) does not report any problems on my PR.
• The package compiles with the minimum Flutter version stated in the pubspec.yaml

Breaking Change

Does your PR require plugin users to manually update their apps to accommodate your change?

• Yes, this is a breaking change.
• No, this is not a breaking change.

[github-actions]

Visit the preview URL for this PR (updated for commit 716933c):

• https://coffeemakerexample--pr235-introduce-side-sheet-0ik8d1ts.web.app
• https://playgroundwoltexample--pr235-introduce-side-sheet-kryzz1ta.web.app
• https://playgroundnavigator2woltexample--pr235-introduce-side-xyj0jzh6.web.app
• https://coffeemakernavigator2--pr235-introduce-side-sheet-injwumz1.web.app

_{(expires Sat, 06 Jul 2024 15:23:11 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 00f7f56c8a4ce5693de819a908406c0fc6411226}

[TahaTesser]

This is mind blowing. Excellent work1

Apologies for delayed review as I've been moving to another city this.