Product Menu aligning. + fixed paddingScale warning

[LookerClocker]

• Resolves: # CLICK-840
• Resolves: # CLICK-877

Summary

Fixed paddingScale warning message in dev console. By make it transient props

Type of Change

• 🐛 Bug fix
• ✨ New feature
• 🔧 Component enhancement
• 📚 Documentation update
• 🎨 Style/UI changes
• ⚙️ Misc

Component(s) Affected

• Modified component: Tooltip

Changes Made

Replaced paddingScale with $paddingScale to avoid adding it into DOM direclty

Testing

• Unit tests added/updated
• Storybook stories added/updated
• Manual testing completed
• Accessibility testing performed
• Cross-browser testing (if applicable)
• Responsive design testing (if applicable)

Storybook

• New stories created for new components
• Existing stories updated to reflect changes
• All component variants documented
• Props table is accurate and complete
• Examples demonstrate proper usage

Breaking Changes

Yes. We need to update all usages of Tooltip component

Screenshots/Videos

TODO

• Update all usages of Tooltip component when downloading new cspr.design library version

Checklist

• Code is properly formatted (Prettier/ESLint)
• All commits are signed
• TypeScript types are properly defined
• Components follow design system guidelines
• Accessibility requirements met (WCAG compliance)
• Bundle size impact considered
• Tests included/updated or not needed
• Storybook stories included/updated or not needed
• Documentation updated or not required
• No console errors or warnings
• Backward compatibility maintained (or breaking changes documented)

[davidatwhiletrue]

I test changing the flex property on CSPR.live and the items disalign
https://github.com/user-attachments/assets/c5274ae3-206c-4f57-962c-47674804fef3

[davidatwhiletrue]

LGTM