Add tooltips on mult inputs

[juzen2003]

• Fixes #972. Fixes #425.

• This is the continuation of https://github.com/SETI/pds-opus/pull/1179

• Use the master as the base and merge the old tooltips branch.

• Current Implementation:

  • Create mult_tooltips.json to store tooltips (HTML markup are allowed in the content) for mult options.
  • Add mult tooltips context name to contexts.csv
  • Store mult tooltips to dictionary (definitions table)
  • In definitions table, the term will be the same as the mult option value in the mult tables, and context will be MULT_{slug.upper()}. And the definitions (tooltips) will be fetched by get_def_for_tooltip later.
  • Since tooltips are stored in definitions table, we can update tooltips by python main_opus_import.py --import-dictionary instead of re-import the whole database.

Note: for now testing toolstips are added for the options in mission widget. We can see the tooltips with different HTML markup when hovering over Galileo, New Horizons, and Voyager

[juzen2003]

Update create_import_definitions_table to have steps to create a mult widget entry in contexts table before we create tooltips entries in definitions table for that mult widget. By adding this step, contexts.csv will remain untouched. Here is the current entry in contexts table:

new_row = {
    'name': f'MULT_{slug.upper()}',
    'description': f'OPUS {slug.title()}',
    'parent': 'NULL'
}

[juzen2003]

• Renamed op-addall-icon-tooltip to op-icon-tooltip-addall
• Shrink the tooltips font size to 90% (original size: 13px) when screen is small
• Remove all debug: false in tooltipster initialization
• Rename op-metadatabox-tooltip to op-metadatabox-edit-tooltip in metadataboxHtml
• Fixed the issue of missing metadata preview image by changing selector from #galleryViewContents to .op-metadata-detail-view-body in updateMetadataDetailView
• Add tooltips for "x", maximize and minimize icons in metadatabox

[rfrenchseti]

• The style of the tooltips is inconsistent. Some places, like the Search tab, have black on white with the tooltip appearing at the cursor location. Others have black on grey, with the tooltip appearing above the item. I think this is confusing. At the very least, they should have the same color style. But unless there's a good reason, I think they should all have the same behavior relative to the mouse. An example of "good reason" might be on the gallery tab, where having the tooltip not block the thumbnail is actually quite nice.
• The cursor should change to an arrow when over the (i) in the title of a search widget.
• When hovering over the image in the slideshow view, the tooltip shows up at the very top of the image, far away from the cursor position. This makes it hard to notice.
• On the cart tab, the tooltips for "Data Archive" etc are hard to see above the buttons.

[juzen2003]

• Reduce tooltip max width to 350px.
• Update styling of tooltips (op-custom-tooltip-theme) to have black font on white background with black border.
• Make sure the cursor on (i) of search widgets is the default style.
• Make sure all tooltips are converted to use tooltipster.
• Make sure when hovering over metadatabox preview image, detail preview image, and table thumbnail image, the tooltips will follow the cursor instead of staying on the top edge of the element.

[rfrenchseti]

On the Browse Results tab, the "Sort by" and actual sort pills are supposed to have two-line tooltips but they're jammed together on a single line.

[rfrenchseti]

For some reason the "Sort by" tooltip on the Cart tab only shows one of the two lines. The part that says "Click to reset" is missing entirely. It's there on the production version.

[juzen2003]

• Add spaces between tooltips box and left & right edges of the browser window.
• Increase left & right paddings of the tooltips contents.