Added platform input

src/Popup/Pages/AutofillPage/index.tsx

@@ -109,7 +109,11 @@ const AutofillPage = ({ tab, ipData }: AutofillPageProps) => {
         <TableRow title="Address" value={address} />
         <TableRow title="Phone" value={phone} noBorder />
       </Table>
-      <Button variant="primary" onClick={() => console.log('click')}>
+      <Button
+        variant="primary"
+        sx={{ borderRadius: '4px' }}
+        onClick={() => console.log('click')}
+      >
         Autofill Current Page
       </Button>
     </Page>

src/Popup/Pages/UserAgentPage/index.tsx

@@ -155,6 +155,14 @@ const UserAgentPage = ({ tab }: UserAgentPageProps) => {
         onChange={changeUserAgent}
         mb="12px"
       />
+      <DebouncedInput
+        name="platform"
+        title="Platform"
+        value={navigator.platform}
+        setValue={setUserAgent}
+        onChange={changeUserAgent}
+        mb="12px"
+      />
       {userAgentType !== 'default' && (
         <CheckBox title={'Enable Debugger API Spoofing'} />
       )}

src/theme.ts

@@ -49,12 +49,12 @@ export const theme: Theme = {
   },
   buttons: {
     primary: {
-      borderRadius: '4px',
       color: 'background',
       bg: 'primary',
       py: '3px',
       px: '8px',
       cursor: 'pointer',
+      borderRadius: '0',
       width: '100%',
       '&:hover': {
         bg: 'primaryDark',