change import style in element examples

Author: tpatel

api-reference/elements/local-image.mdx

@@ -32,11 +32,11 @@ The `LocalImage` class is designed to create and handle local image elements to
 ### Usage with message scope
 
 ```python Code Example
-from chainlit import LocalImage
+import chainlit as cl
 
 # Sending an image with the local file path
 elements = [
-  LocalImage(name="image1", display="inline", path="./image1.jpg")
+  cl.LocalImage(name="image1", display="inline", path="./image1.jpg")
 ]
 
 cl.Message(content="Look at this local image!", elements=elements).send()
@@ -45,15 +45,15 @@ cl.Message(content="Look at this local image!", elements=elements).send()
 ### Usage without scope
 
 ```python Code Example
-from chainlit import LocalImage
+import chainlit as cl
 
 # Sending an image with the local file path
-image1 = LocalImage(name="image1", display="inline", path="./image1.jpg")
+image1 = cl.LocalImage(name="image1", display="inline", path="./image1.jpg")
 image1.send()
 
 # Sending an image with file content as bytes
 with open("./image2.jpg", "rb") as f:
     image_content = f.read()
-    image2 = LocalImage(name="image2", display="inline", content=image_content)
+    image2 = cl.LocalImage(name="image2", display="inline", content=image_content)
     image2.send()
 ```

api-reference/elements/pdf.mdx

@@ -31,11 +31,11 @@ The `PDF` class allows you to display a pdf hosted remotely or locally in the ch
 ### Usage with message scope
 
 ```python Code Example
-from chainlit import PDF
+import chainlit as cl
 
 # Sending a pdf with the local file path
 elements = [
-  PDF(name="pdf1", display="inline", path="./pdf1.pdf")
+  cl.PDF(name="pdf1", display="inline", path="./pdf1.pdf")
 ]
 
 cl.Message(content="Look at this local pdf!", elements=elements).send()
@@ -44,15 +44,15 @@ cl.Message(content="Look at this local pdf!", elements=elements).send()
 ### Usage without scope
 
 ```python Code Example
-from chainlit import PDF
+import chainlit as cl
 
 # Sending a pdf with the remote url
-pdf1 = PDF(name="pdf1", display="inline", url="https://example.com/example.pdf")
+pdf1 = cl.PDF(name="pdf1", display="inline", url="https://example.com/example.pdf")
 pdf1.send()
 
 # Sending a pdf with file content as bytes
 with open("./pdf2.pdf", "rb") as f:
     pdf_content = f.read()
-    pdf2 = PDF(name="pdf2", display="inline", content=pdf_content)
+    pdf2 = cl.PDF(name="pdf2", display="inline", content=pdf_content)
     pdf2.send()
 ```