feat: Enable readOnly for pills without buttons

[szhang-eightfold]

SUMMARY:

Enable readOnly for pills when buttons are present

GITHUB ISSUE (Open Source Contributors)

JIRA TASK (Eightfold Employees Only):

https://eightfoldai.atlassian.net/jira/software/c/projects/ENG/boards/50?modal=detail&selectedIssue=ENG-30670

CHANGE TYPE:

• Bugfix Pull Request
• Feature Pull Request

TEST COVERAGE:

• Tests for this change already exist
• I have added unittests for this change

TEST PLAN:

• go to storybook's Pill component canvas
• In default Pills and Pills with icon sections
• check that they are not hoverable and no hover effect are implemented
• switch to other sections (with buttons)
• check that they are hoverable and have hover effects

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 8a211a5:

Sandbox	Source
React	Configuration
Vanilla	Configuration

[codecov-commenter]

Codecov Report

❗ No coverage uploaded for pull request base (main@d363abb). Click here to learn what that means.
Patch has no changes to coverable lines.

Additional details and impacted files

@@           Coverage Diff           @@
##             main     #396   +/-   ##
=======================================
  Coverage        ?   84.49%           
=======================================
  Files           ?      519           
  Lines           ?    13546           
  Branches        ?     4614           
=======================================
  Hits            ?    11446           
  Misses          ?     2060           
  Partials        ?       40           

Help us with your feedback. Take ten seconds to tell us how you rate us. Have a feature suggestion? Share it here.

☔ View full report at Codecov.
📢 Do you have feedback about the report comment? Let us know in this issue.