[Observability UIs] Simplify shared telemetry hooks

[jasonrhodes]

We currently have a two function call telemetry hook setup, e.g.:

import { useUiTracker } from 'observability';

const trackApmEvent = useUiTracker({ app: 'apm' });
// when we want to track the event
trackApmEvent({ name: 'save_agent_configuration' });

In #58018, we discussed a lot of interesting ways we could improve this with React context, but for now we settled on simplifying down to a single hook call per event.

import { useTrackApmEvent } from 'observability';

// when we want to track the event
useTrackApmEvent({ name: 'save_agent_configuration' });

We can pass that function to a generic component if needed:

<GenericComponent trackEvent={useTrackApmEvent} />

We should also still expose a generic useTrackEvent hook that still takes the app value directly, in case that's needed.

[jasonrhodes]

We might close this and leave these hooks the way they are for now, based on the outcome of the conversation that comes from this comment: #58018 (comment)

I re-opened #58018 to discuss there.

[jasonrhodes]

Leaving this API alone for now, see #58018 for further discussion etc