feat(datetime): fix height when presentation='time' (#30416)

Issue number: resolves #internal

---------

<!-- Please do not submit updates to dependencies unless it fixes an
issue. -->

<!-- Please try to limit your pull request to one type (bugfix, feature,
etc). Submit multiple pull requests if needed. -->

## What is the current behavior?
The `datetime` component had a broken display for the `ionic` theme,
because the `height` defined for that component was too small.

![image](https://github.com/user-attachments/assets/9d4c0c0b-8648-4ea9-88f9-9562190d5498)

## What is the new behavior?
The CSS code limiting the `height` was removed. Now, the height is set
automatically.

![image](https://github.com/user-attachments/assets/ad6de967-bba2-47fa-9f12-835e35565c1c)

## Does this introduce a breaking change?

- [ ] Yes
- [x] No

<!--
  If this introduces a breaking change:
1. Describe the impact and migration path for existing applications
below.
  2. Update the BREAKING.md file with the breaking change.
3. Add "BREAKING CHANGE: [...]" to the commit description when merging.
See
https://github.com/ionic-team/ionic-framework/blob/main/docs/CONTRIBUTING.md#footer
for more information.
-->


## Other information

<!-- Any other information that is important to this PR such as
screenshots of how the component looks before and after the change. -->

---------

Co-authored-by: ionitron <[email protected]>

Author: OS-giulianasilva

core/src/components/datetime/datetime.ionic.scss

@@ -178,8 +178,6 @@
 // -----------------------------------
 :host .datetime-time {
   @include globals.padding(globals.$ion-space-100, globals.$ion-space-400);
-
-  height: globals.$ion-scale-800;
 }
 
 :host .datetime-time .time-header {
@@ -197,6 +195,8 @@
 
   align-items: center;
 
+  height: globals.$ion-scale-800;
+
   background-color: globals.$ion-primitives-neutral-100;
   color: globals.$ion-primitives-neutral-1200;
 }

core/src/components/datetime/test/display/datetime.e2e.ts

@@ -5,7 +5,7 @@ import { configs, test } from '@utils/test/playwright';
  * This behavior does not vary across directions
  * since it is texting fixed vs fluid widths.
  */
-configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
+configs({ modes: ['ios', 'md', 'ionic-md'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
   test.describe(title('datetime: rendering'), () => {
     test.describe('fixed sizes', () => {
       test('date-time should not have any visual regressions', async ({ page }) => {