Fixed Data with Pagination so that it returns to page 1 on search

[halocline]

What does this PR do?

Closes #7207 by ensuring that a search event returns to page 1 of matched search results.

Where should the reviewer start?

DataSearch.js

What testing has been done on this PR?

• Storybook
• Added Jest tests

How should this be manually tested?

import React from 'react';
import { Data, DataTable, Pagination } from 'grommet';

const data = [
  {
    name: 'aa',
    enabled: true,
    rating: 2.3,
    sub: { note: 'ZZ' },
    tags: ['qa', 'staging', 'prod'],
  },
  {
    name: 'bb',
    enabled: false,
    rating: 4.3,
    sub: { note: 'YY' },
    tags: ['qa', 'staging'],
  },
  { name: 'cc', sub: {}, tags: ['qa'] },
  { name: 'dd' },
];

const properties = {
  name: { label: 'Name' },
};

const view = {
  step: 2,
  page: 1,
  search: '',
};

const columns = [
  { property: 'name', header: 'Name', size: 'small', primary: true },
];

// eslint-disable-next-line arrow-body-style
export const TEMP = () => {
  return (
    <Data
      data={data}
      properties={properties}
      view={view}
      toolbar
    >
      <DataTable columns={columns} />
      <Pagination />
    </Data>
  );
};

TEMP.storyName = 'TEMP';

TEMP.args = {
  full: true,
};

export default {
  title: 'Data/Data/TEMP',
};

Do Jest tests follow these best practices?

• screen is used for querying.
• The correct query is used. (Refer to this list of queries)
• asFragment() is used for snapshot testing.

Any background context you want to provide?

#7207 Reported by Namratha

What are the relevant issues?

#7207

Screenshots (if appropriate)

Do the grommet docs need to be updated?

No.

Should this PR be mentioned in the release notes?

Yes.

Is this change backwards compatible or is it a breaking change?

Backwards compatible.