Rpatel/embedded codemod widget (#63)

# Motivation
<!-- Why is this change necessary? -->
Adds a widget that allows the ability to run a codemod on some string
content and view the output
# Content
<!-- Please include a summary of the change -->
Adds an iframe on the overview.mdx doc page that points a codemod widget
# Testing
<!-- How was the change tested? -->
# Please check the following before marking your PR as ready for review

- [ ] I have added tests for my changes
- [x] I have updated the documentation or added new documentation as
needed
- [x ] I have read and agree to the [Contributor License
Agreement](../CLA.md)

Author: rushilpatel0

docs/introduction/overview.mdx

@@ -9,7 +9,40 @@ iconType: "solid"
 
 It provides a scriptable interface to a powerful, multi-lingual language server built on top of [Tree-sitter](https://tree-sitter.github.io/tree-sitter/).
 
-<iframe src="https://chadcode.sh/embedded/123" className="w-full h-96"></iframe>
+export const intoSnippet = `# grabs codebase content
+
+file = codebase.files[0] # or .get_file("test.py")
+function = codebase.functions[0] # or .get_symbol("my_func")
+
+# print logs
+
+print(f'# of files: {len(codebase.files)}')
+print(f'# of functions: {len(codebase.functions)}')
+
+# make edits
+
+file.edit('🌈' + file.content) # edit contents
+function.rename('new_name') # rename
+function.set_docstring('new docstring') # set docstring
+
+# ... etc.
+
+`
+
+<iframe
+  width="100%"
+  height="300px"
+  scrolling="no"
+  src={`https://www.chadcode.sh/embedded/codemod/?code=${encodeURIComponent(
+    intoSnippet
+  )}`}
+  className="rounded-md"
+  style={{
+    borderRadius: "0.5rem",
+    borderColor: "rgb(var(--primary-light))",
+    borderWidth: "1px",
+  }}
+></iframe>
 
 ## Installation