fix: Update icon command in copilot instructions and adjust stroke width in SVG; enhance SettOption to display placeholder text

Author: codeAbinash

.github/copilot-instructions.md

@@ -1,4 +1,4 @@
 I am using bun package manager
 Do not add unnecessary comments for my understanding.
-Icons are used from hugeicons if you want to add extra icons to the library, you can add it running `ic iconName` command.
+Icons are used from hugeicons if you want to add extra icons to the library, you can add it running `ic-old iconName` command.
 `iconName` is from the hugeicons website.

src/assets/icons/src/arrow-right-01-stroke-rounded.svg

@@ -10,6 +10,7 @@ type SettOptionProps = TouchableOpacityProps & {
   Right?: React.ReactNode
   arrow?: boolean
   numberOfLines?: number
+  placeholder?: string
 }
 
 export function SettOption({
@@ -21,6 +22,7 @@ export function SettOption({
   className,
   arrow,
   numberOfLines,
+  placeholder,
   ...rest
 }: SettOptionProps) {
   return (
@@ -36,10 +38,10 @@ export function SettOption({
         <View className='p-2.5 px-0'>
           <SemiBold
             className='text-left text-zinc-800 dark:text-zinc-200'
-            style={[{ fontSize: 12, flexShrink: 1, paddingBottom: 2 }]}
+            style={[{ fontSize: 12, flexShrink: 1, paddingBottom: 2 }, !title ? { opacity: 0.5 } : {}]}
             numberOfLines={numberOfLines || 0}
           >
-            {title}
+            {title || placeholder}
           </SemiBold>
           {children}
         </View>