fix: check supportMotion before returning NONE in styleReady

When motionName is not provided, styleReady should not return NONE

even if motionAppear is true, to allow content to render immediately.

Ultraworked with [Sisyphus](https://github.com/code-yeongyu/oh-my-opencode)

Co-authored-by: Sisyphus <clio-agent@sisyphuslabs.ai>

Author: zombieJ

src/hooks/useStatus.ts

@@ -312,10 +312,13 @@ export default function useStatus(
     mergedStyle,
     asyncVisible ?? visible,
 
-    !mountedRef.current && currentStatus === STATUS_NONE && motionAppear
-      ? // Appear
-        'NONE'
-      : // Enter or Leave
+    // Appear Check
+    !mountedRef.current &&
+    currentStatus === STATUS_NONE &&
+    supportMotion &&
+    motionAppear
+      ? 'NONE'
+      : // Enter or Leave check
       step === STEP_START || step === STEP_ACTIVE
       ? styleStep === step
       : true,

tests/CSSMotion.spec.tsx

@@ -510,6 +510,26 @@ describe('CSSMotion', () => {
     );
   });
 
+  it('renders content on first mount when motionName is not provided but motionAppear is true', () => {
+    const mockRender = jest.fn(() => <div>content</div>) as jest.Mock;
+    (mockRender as any).mock.calls = [] as any;
+
+    render(
+      <CSSMotion visible motionAppear>
+        {mockRender}
+      </CSSMotion>,
+    );
+
+    // When motionName is not provided, styleReady should not be 'NONE',
+    // so content should render immediately
+    expect(mockRender).toHaveBeenCalled();
+    expect(mockRender.mock.calls[0][0]).toEqual(
+      expect.objectContaining({
+        visible: true,
+      }),
+    );
+  });
+
   describe('immediately', () => {
     it('motionLeaveImmediately', async () => {
       const { container } = render(