Add initial templates for code snippets and explanations

- Introduced a variety of templates including "Code Snippet", "Code with Title", "Before & After", "Code Explanation", "Social Tip Card", "Code Flow", and "LinkedIn Carousel".
- Each template includes detailed properties such as background styles, elements, and code examples.
- Enhanced user experience with visually appealing gradients and structured layouts for better presentation of code.

src/index.css

@@ -6,7 +6,8 @@
 html, body, #root {
   height: 100%;
   width: 100%;
-  overflow: hidden;
+  overflow-x: hidden;
+  overflow-y: auto;
 }
 
 body {
@@ -37,6 +38,7 @@ body {
 /* Color picker styling */
 input[type="color"] {
   -webkit-appearance: none;
+  appearance: none;
   border: none;
   padding: 0;
 }