Fix Styled Components naming

Author: akd-io

README.md

@@ -62,7 +62,7 @@ Technologies marked as _convenience installs_ are technologies that work out of
 | [Yarn](https://yarnpkg.com/)                                                                                                      | [CLI Docs](https://yarnpkg.com/cli) - [GitHub repo](https://github.com/yarnpkg/berry)                                                                                |
 | [npm](https://www.npmjs.com/)                                                                                                     | [CLI Docs](https://docs.npmjs.com/cli/)                                                                                                                              |
 | [Emotion](https://emotion.sh/docs/introduction)                                                                                   | [Docs](https://emotion.sh/docs/introduction) - [GitHub repo](https://github.com/emotion-js/emotion)                                                                  |
-| [styled-components](https://styled-components.com/)                                                                               | [Docs](https://styled-components.com/docs) - [GitHub repo](https://github.com/styled-components/styled-components)                                                   |
+| [Styled Components](https://styled-components.com/)                                                                               | [Docs](https://styled-components.com/docs) - [GitHub repo](https://github.com/styled-components/styled-components)                                                   |
 | [CSS Modules](https://github.com/css-modules/css-modules)                                                                         | [Docs](https://github.com/css-modules/css-modules) - [Next.js-specific docs](https://nextjs.org/docs/basic-features/built-in-css-support#adding-component-level-css) |
 | [Sass](https://sass-lang.com/) <img width="14" alt="convenience install icon" src="assets/convenience-icon.png">                  | [Docs](https://sass-lang.com/documentation) - [Next.js-specific docs](https://nextjs.org/docs/basic-features/built-in-css-support#sass-support)                      |
 | [React Hook Form](https://react-hook-form.com/) <img width="14" alt="convenience install icon" src="assets/convenience-icon.png"> | [Docs](https://react-hook-form.com/get-started) - [GitHub repo](https://github.com/react-hook-form/react-hook-form)                                                  |

src/main/questionnaire/questions/categories/styling.ts

@@ -23,7 +23,7 @@ export const promptStyling = async (): Promise<StylingValue> => {
       },
       {
         value: stylingValues["styled-components"],
-        name: "styled-components",
+        name: "Styled Components",
       },
       {
         value: stylingValues["css-modules"],

src/main/setup/steps/add-readme/generate-technology-table-rows.ts

@@ -34,7 +34,7 @@ export const generateTechnologyTableRows = async (
       filter: flags.styling === "emotion",
     },
     {
-      name: /* md */ `[styled-components](https://styled-components.com/)`,
+      name: /* md */ `[Styled Components](https://styled-components.com/)`,
       links: /* md */ `[Docs](https://styled-components.com/docs) - [GitHub repo](https://github.com/styled-components/styled-components)`,
       filter: flags.styling === "styled-components",
     },

src/main/setup/steps/set-up-styled-components.ts

@@ -3,7 +3,7 @@ import { install, packages } from "../packages"
 import { Step } from "../step"
 
 export const setUpStyledComponentsStep: Step = {
-  description: "setting up styled-components",
+  description: "setting up Styled Components",
 
   shouldRun: async ({ flags }) => flags.styling === "styled-components",