Bug Description

On mobile for view-only dashboard, the last tooltip step is always cut off. Refer to the attached videos for the last steps.
2 videos: one for when analytics is connected and one is disconnected

Steps to reproduce

1. Start the dashboard tour as a view-only user.
2. Click through to the last step of the tour.
3. See that the tooltip is clipped on the right side of the screen.

Screenshots

Additional Context

• PHP Version:
• OS: [e.g. iOS]
• Browser: [e.g. chrome, safari]
• Plugin Version: [e.g. 22]
• Device: [e.g. iPhone6]

Do not alter or remove anything below. The following sections will be managed by moderators only.

Acceptance criteria

• The last tooltip of the view-only dashboard tour is shown fully on screen, pointing to the view-only menu.

Implementation Brief

• Add this styles property to the floaterProps object in the view-only step configuration returned by getDashboardSharingStep():

styles: {
	arrow: {
		margin: 8,
	},
},

Test Coverage

• Fix any failing tests.

QA Brief

1. Start the dashboard tour as a view-only user.
2. Click through to the last step of the tour.
3. Ensure that the tooltip is not clipped on the right side of the screen.

Changelog entry

• Fix the last tooltip in the view-only dashboard tour being cut off on mobile viewports.