[TextField] Make autoComplete prop a required string

[andrewmcgov]

WHY are these changes introduced?

Fixes https://github.com/Shopify/core-issues/issues/26319

Makes autoComplete a required prop on the TextField component as part of the autocomplete project.

WHAT is this pull request doing?

How to 🎩

🖥 Local development instructions
🗒 General tophatting guidelines
📄 Changelog guidelines

Copy-paste this code in playground/Playground.tsx:

import React from 'react';

import {Page, TextField} from '../src';

export function Playground() {
  const [email, setEmail] = React.useState('');
  return (
    <Page title="Playground">
      <TextField
        label="Email"
        type="email"
        value={email}
        onChange={setEmail}
        autoComplete="email"
      />
    </Page>
  );
}

🎩 checklist

• Tested on mobile
• Tested on multiple browsers
• Tested for accessibility
• Updated the component's README.md with documentation changes
• Tophatted documentation changes in the style guide
• For visual design changes, pinged one of @ HYPD, @ mirualves, @ sarahill, or @ ry5n to update the Polaris UI kit

[andrewmcgov]

Will update wording when we have alignment on off / nope

[alex-page]

This will require a changelog entry to unreleased.md with some instructions on how to update with the breaking change.

[github-actions]

size-limit report

Path	Size
cjs	142.05 KB (-0.01% 🔽)
esm	95.65 KB (-0.03% 🔽)
esnext	138.95 KB (-0.01% 🔽)
css	33.82 KB (0%)

[alex-page]

Awesome 💯

[gcornhill]

I think the logic is if === off && there is a name --> Change to nope.
If no name and off, leave it alone.