fix: add comments for better understanding of padding and font size adjustments

Author: hxrshxz

src/components/Dropdown/styles.module.scss

@@ -118,9 +118,11 @@ button.chevron {
 .option > button > span {
   text-align: left;
   padding-left: 44px;
+  // 38px padding-right holds the chevron icon on mobile for better touch targets
   padding-right: 38px;
   display: inline-block;
   width: 100%;
+  // 0.75rem font-size for mobile to fit content in smaller screens
   font-size: 0.75rem;
 
   @media (min-width: $breakpoint-tablet) {