FIxed IA toolbar overflows/wraps on mobile #10063

[ronibhakta1]

Closes #10063

@mekarpeles check this out i have Fixed the AI toolbar overflow which gets warps on mobile as you have mentioned me to go ahead with where, iabar-mobile and create a mobile breakpoint where the font-size of these components becomes .9em and the padding of the ghost-button becomes padding: 5px 7px; we get our desired effect on mobile.

Screenshot

Stakeholders

[codecov-commenter]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 17.44%. Comparing base (347bff9) to head (99cd14b).
Report is 199 commits behind head on master.

Additional details and impacted files

@@            Coverage Diff             @@
##           master   #10205      +/-   ##
==========================================
+ Coverage   17.12%   17.44%   +0.31%     
==========================================
  Files          89       89              
  Lines        4752     4792      +40     
  Branches      831      848      +17     
==========================================
+ Hits          814      836      +22     
- Misses       3428     3436       +8     
- Partials      510      520      +10     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[mekarpeles]

Thank you!

[ronibhakta1]

Thank you!

do we need any further changes or we will be considering this design as final?