Scaffold Logs UI feature (frontend)

ee/app/assets/javascripts/logs/list_index.vue

+<script>
+import ProvisionedObservabilityContainer from '~/observability/components/provisioned_observability_container.vue';
+
+export default {
+  components: {
+    ProvisionedObservabilityContainer,
+  },
+  props: {
+    apiConfig: {
+      type: Object,
+      required: true,
+    },
+  },
+};
+</script>
+
+<template>
+  <provisioned-observability-container :api-config="apiConfig">
+    <template #default>
+      <!-- TODO Implement List UI -->
+    </template>
+  </provisioned-observability-container>
+</template>

ee/app/assets/javascripts/pages/projects/logs/index/index.js

+import ListIndex from 'ee/logs/list_index.vue';
+import { initSimpleApp } from '~/helpers/init_simple_app_helper';
+
+initSimpleApp('#js-observability-logs', ListIndex);

ee/spec/frontend/logs/list_index_spec.js

+import { shallowMountExtended } from 'helpers/vue_test_utils_helper';
+import ListIndex from 'ee/logs/list_index.vue';
+import ProvisionedObservabilityContainer from '~/observability/components/provisioned_observability_container.vue';
+
+describe('ListIndex', () => {
+  const props = {
+    apiConfig: {
+      oauthUrl: 'https://example.com/oauth',
+      tracingUrl: 'https://example.com/tracing',
+      provisioningUrl: 'https://example.com/provisioning',
+      servicesUrl: 'https://example.com/services',
+      operationsUrl: 'https://example.com/operations',
+      metricsUrl: 'https://example.com/metricsUrl',
+    },
+  };
+
+  let wrapper;
+
+  const mountComponent = () => {
+    wrapper = shallowMountExtended(ListIndex, {
+      propsData: props,
+    });
+  };
+
+  it('renders provisioned-observability-container component', () => {
+    mountComponent();
+
+    const observabilityContainer = wrapper.findComponent(ProvisionedObservabilityContainer);
+    expect(observabilityContainer.exists()).toBe(true);
+    expect(observabilityContainer.props('apiConfig')).toStrictEqual(props.apiConfig);
+  });
+});