add access token option in about settings

src/app/features/settings/about/About.tsx

@@ -8,6 +8,7 @@ import CinnySVG from '../../../../../public/res/svg/cinny.svg';
 import cons from '../../../../client/state/cons';
 import { clearCacheAndReload } from '../../../../client/initMatrix';
 import { useMatrixClient } from '../../../hooks/useMatrixClient';
+import { copyToClipboard } from '../../../utils/dom';
 
 type AboutProps = {
   requestClose: () => void;
@@ -233,6 +234,31 @@ export function About({ requestClose }: AboutProps) {
                     }
                   />
                 </SequenceCard>
+                <SequenceCard
+                  className={SequenceCardStyle}
+                  variant="SurfaceVariant"
+                  direction="Column"
+                  gap="400"
+                >
+                  <SettingTile
+                    title="Access Token"
+                    description="Copy access token to clipboard."
+                    after={
+                      <Button
+                        onClick={() =>
+                          copyToClipboard(mx.getAccessToken() ?? '<NO_ACCESS_TOKEN_FOUND>')
+                        }
+                        variant="Secondary"
+                        fill="Soft"
+                        size="300"
+                        radii="300"
+                        outlined
+                      >
+                        <Text size="B300">Copy</Text>
+                      </Button>
+                    }
+                  />
+                </SequenceCard>
               </Box>
             </Box>
           </PageContent>