message: Update: UI feedback of page selection on the endpoint one page.
diff: -import { AiOutlineDown } from '@react-icons/all-files/ai/AiOutlineDown';
  -import { AiOutlineUp } from '@react-icons/all-files/ai/AiOutlineUp';
  +import { BiChevronDown } from '@react-icons/all-files/bi/BiChevronDown';
  +import { BiChevronRight } from '@react-icons/all-files/bi/BiChevronRight';
  import classnames from 'classnames';
  import React, { useMemo, useState } from 'react';
  import { Info } from '$types/oas';
  @@ -133,15 +133,15 @@ const Group: React.FC<{
  return (
  <div>
  <button
  - className="w-full text-left flex justify-center py-2 pr-2 text-xs text-on-surface hover:text-on-surface-high focus:outline-none focus:ring-2 focus:ring-inset focus:ring-on-surface-high active:text-on-surface-high"
  + className="w-full text-left flex items-center gap-2 py-2 pr-2 text-xs text-on-surface hover:text-on-surface-high hover:bg-on-surface-faint focus:outline-none focus:ring-2 focus:ring-inset focus:ring-on-surface-high focus:text-on-surface-high focus:bg-on-surface-faint active:text-on-surface-high active:bg-on-surface-faint"
  style={{
  paddingLeft: `${depth * 8}px`,
  }}
  onClick={handleClick}
  >
  <div className="flex-1 min-w-0">{partial.group}</div>
  - <div className="flex-0 ml-2 flex items-center text-xxs">
  - {isOpened ? <AiOutlineDown /> : <AiOutlineUp />}
  + <div className="flex-0 flex items-center">
  + {isOpened ? <BiChevronDown /> : <BiChevronRight />}
  </div>
  </button>
  <div
  @@ -174,9 +174,9 @@ const Page: React.FC<{
  className={classnames(
  'block w-full text-left py-1 pr-2 text-xs focus:outline-none focus:ring-2 focus:ring-inset',
  {
  - 'text-on-surface hover:text-on-surface-high focus:ring-on-surface-high active:text-on-surface-high':
  + 'text-on-surface hover:text-on-surface-high hover:bg-on-surface-faint focus:ring-on-surface-high focus:text-on-surface-high focus:bg-on-surface-faint active:text-on-surface-high active:bg-on-surface-faint':
  !isSelected,
  - 'font-bold text-primary bg-on-primary border-r-[4px] border-primary hover:bg-on-primary-high hover:text-primary-high focus:ring-primary-high active:text-primary-high':
  + 'font-bold text-on-primary bg-primary border-r-[4px] border-on-primary hover:bg-primary-variant hover:text-on-primary-variant hover:border-on-primary-variant focus:ring-primary-high active:bg-primary-variant active:text-on-primary-variant active:border-on-primary-variant':
  isSelected,
  }
  )}
  