Separate thumbnail from zoom.js

Description

• Create separate component for thumbnail
• Moving svg synoptic will trigger proper indicator movement.
• Clicking on thumbnail will zoom in and pan to the specific area on the synoptic.
• Fix resize issue in the thumbnail when switching synoptics.

Motivation

Background on use case, changes needed

Fixes:

• Items added

Changes:

• changes made

Tests included/Docs Updated?

• Included for each change/fix?
• Passing? (Merge will not be approved unless this is checked)
• Docs updated?
• New packages used/requires npm install?
• Toggle added for new features?