[Frontend] Update profile cards to display variables details

Proposal

• Each additional variable should appear as line item on profile cards
• Variables need to be displayed in a human friendly format.
• Truncate the variable value if it's too long.

Designs

Technical proposal

The optional_variables should be returned by

• the DastSiteProfiles GraphQL query (via the DastSiteProfileFragment), and
• the DastScannerProfiles GraphQL query (via the DastScannerProfileFragment)

... so we can modify the dast_profile_summary_card.vue to display them along with the other fields.

Affected components and pages

dast_profile_summary_card.vue appears for each site profile and scanner profile on:

• the DAST configuration page: http://gdk.test:3000/flightjs/Flight/-/security/configuration/dast
• the New on-demand scan page: http://gdk.test:3000/flightjs/Flight/-/on_demand_scans/new

... once site profiles and scanner profiles have been created at http://gdk.test:3000/flightjs/Flight/-/security/configuration/profile_library/dast_site_profiles/new and http://gdk.test:3000/flightjs/Flight/-/security/configuration/profile_library/dast_scanner_profiles/new.

The contents of the card are provided by:

• scanner_profile_summary.vue for scanner profiles
• site_profile_summary.vue for site profiles