feat: add form-control-switch button

[CBID2]

Description

This PR adds a form control switch button and its corresponding documentation.

Issue

Closes #215

Screenshot

[CBID2]

Hi @sudhashrestha. I made the PR! :)

[github-actions]

🚀 Preview deployed to: https://16f84fed.animata.pages.dev

[github-actions]

🚀 Preview deployed to: https://e82709a9.animata.pages.dev

[hari]

@CBID2 Could you review the design and try to match the animations? You don't need to animate the icons, just make it look like the design and animate the position.

[CBID2]

@CBID2 Could you review the design and try to match the animations? You don't need to animate the icons, just make it look like the design and animate the position.

Hi @hari. I made some changes but I'm struggling with seeing the design because it's not deployed. Can you help with this please?

[hari]

@CBID2 The build is failing:

./animata/button/form-control-switch.stories.tsx:1:8
Type error: Module '"/home/runner/work/animata/animata/animata/button/form-control-switch"' has no default export. Did you mean to use 'import { FormControlSwitch } from "/home/runner/work/animata/animata/animata/button/form-control-switch"' instead?

> 1 | import FormControlSwitch from "@/animata/button/form-control-switch";
    |        ^
  2 | import { Meta, StoryObj } from "@storybook/react";

[CBID2]

Make this clear

[CBID2]

@CBID2 The build is failing:

./animata/button/form-control-switch.stories.tsx:1:8

Type error: Module '"/home/runner/work/animata/animata/animata/button/form-control-switch"' has no default export. Did you mean to use 'import { FormControlSwitch } from "/home/runner/work/animata/animata/animata/button/form-control-switch"' instead?



> 1 | import FormControlSwitch from "@/animata/button/form-control-switch";

    |        ^

  2 | import { Meta, StoryObj } from "@storybook/react";

Fixed it @hari

[hari]

@CBID2 it is still failing with TS error on the storybook.

[CBID2]

@CBID2 it is still failing with TS error on the storybook.

I fixed it @hari