Update packages slider to accept more packages

[samchuu]

• [x] Modify the packagesSlider to only display a maxNoOfPackages at a time in one row
• [x] Create a left and right button to move the slider to the left or right if the total packages is more than the max number at a time
• [x] Show a "pages" or "3 dots" at the bottom of the page let's say if we need 3 pages

Note: We already can display more than 3 packages but it doesn't display as a slide-able row

Samples

https://mantine.dev/x/carousel/

• something like this but with our travelPackagesCard component