WIP: Custom model endpoint redesign

[Gregory-Pereira]

Resolves: #460.

This is currently in the draft stage. I was told to start discussions with @Misjohns and Megan Hall (not sure what her handle on github is)

[Gregory-Pereira]

cc @kaedward, this is the draft PR. As I get closer to done Ill start posting some screenshots / caps

[jeff-phillips-18]

Suggested change

	<Button variant="secondary" onClick={() => {
	setEndpointOptionsOpen(!endpointOptionsOpen)
	setEndpointOptionsID(endpoint.id)
	}}>
	<EllipsisVIcon/>
	</Button>
	{endpointOptionsOpen && endpointOptionsID == endpoint.id ? (
	<Dropdown
	onOpenChange={() => { setEndpointOptionsID(endpoint.id); setEndpointOptionsOpen(true)}}
	onSelect={() => {setEndpointOptionsID(endpoint.id); setEndpointOptionsOpen(false)}}
	toggle={(toggleRef) => (
	<MenuToggle
	aria-label="actions"
	variant="plain"
	ref={toggleRef}
	onClick={() => {
	setEndpointOptionsID(endpoint.id);
	setEndpointOptionsOpen(!endpointOptionsOpen)}
	}
	isExpanded={endpointOptionsOpen}
	>
	</MenuToggle>
	)}
	isOpen={endpointOptionsOpen}
	ouiaId="ModelEndpointDropdown"
	>
	<DropdownList>
	<DropdownItem onClick={() => handleEditEndpoint(endpoint)}>Edit Endpoint</DropdownItem>
	<DropdownItem key="delete" style={{ color: "red"}} onClick={() => setDeleteEndpointModalOpen(true)}>Delete Endpoint</DropdownItem>
	</DropdownList>
	</Dropdown>
	<Dropdown
	onSelect={() => setEndpointOptionsOpen(false)}
	toggle={(toggleRef) => (
	<MenuToggle
	aria-label="actions"
	variant="plain"
	ref={toggleRef}
	onClick={() => {
	setEndpointOptionsOpen(!endpointOptionsOpen);
	setEndpointOptionsID(endpoint.id);
	}}
	isExpanded={endpointOptionsOpen && endpointOptionsID === endpoint.id}
	>
	<EllipsisVIcon />
	</MenuToggle>
	)}
	isOpen={endpointOptionsOpen && endpointOptionsID === endpoint.id}
	popperProps={{ position: 'right' }}
	ouiaId="ModelEndpointDropdown"
	>
	<DropdownList>
	<DropdownItem onClick={() => handleEditEndpoint(endpoint)}>Edit Endpoint</DropdownItem>
	<DropdownItem key="delete" style={{ color: "red"}} onClick={() => setDeleteEndpointModalOpen(true)}>Delete Endpoint</DropdownItem>
	</DropdownList>
	</Dropdown>```

[vishnoianil]

@Gregory-Pereira is this PR ready for review? Anything that needs to be address to merge it?

[vishnoianil]

This PR is updated and merged through #741 . Closing this PR.